Bartik theme has CSS word-break property in its CSS components:

core/themes/bartic/css/components/comments.css, line 67

.comment__content {
  position: relative;
  display: table-cell;
  padding: 10px 25px 10px 25px;
  vertical-align: top;
  width: 100%;
  border: 1px solid #d3d7d9;
  font-size: 0.929em;
  line-height: 1.6;
  word-break: break-all; /* <- This one should be eliminated. */
}

I consider this as a bug, because it's hard to read comments this way.

In fact, I'm creating this issue just because users' complaints (one of my sites uses Bartik theme, I'll switch to the custom theme soon enough, but I believe this "bug" should be fixed in Bartik as well). After all, we create sites for the end real users, and if something breaks user experience - it should be considered as a bug, and be fixed (I understand where this property comes from, full responsiveness and all - but not at this expense).

Comments

tulvit created an issue. See original summary.

alex_optim’s picture

Fixed problems with styles for comments.

alex_optim’s picture

Status: Active » Needs review
yogeshmpawar’s picture

StatusFileSize
new396 bytes

I have rerolled the patch & removed the word-break property from the css.

mcjim’s picture

Thanks for the work on this.
The change originally went in to address #1085472: Long strings within comments break Bartik's page layout..
Looks like there's some discussion going on over at #2679126: Words break unnecessarilly at end of line in forum topic replies to address this same issue?

neerajpandey’s picture

I tested, confirmed the bug.
The patches work completely fine and there is no break between the letters of the words.

neerajpandey’s picture

Status: Needs review » Reviewed & tested by the community
mcjim’s picture

alexpott’s picture

Status: Reviewed & tested by the community » Needs work
Issue tags: +Needs screenshots

I'm not sure that this can be considered rtbc - also this looks to be a duplicate of #2679126: Words break unnecessarilly at end of line in forum topic replies. Both issues need lots of screenshots to show what happens when there are really long words like pneumonoultramicroscopicsilicovolcanoconiosis in comment on a narrow width screen. Since that's why I think we have this css in the first place.

alexpott’s picture

Status: Needs work » Closed (duplicate)

After looking at #2679126: Words break unnecessarilly at end of line in forum topic replies I'm pretty sure these are duplicate issues. Since that patch is better than this one and has more screenshots I'm going to mark this one as the duplicate.