Closed Bug 1512744 Opened 5 years ago Closed 4 years ago

word-break: keep-all doesn't break on Japanese commas

Categories

(Core :: Layout: Text and Fonts, defect, P3)

defect

Tracking

()

RESOLVED DUPLICATE of bug 1293584
Webcompat Priority ?

People

(Reporter: jameela.huq, Unassigned)

References

Details

Attachments

(2 files)

Attached image firefox-keep-all.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Steps to reproduce:

have a long line of Japanese text with plenty of  Japanese commas. Set CSS to have word-break: break-all and width to be less than the text. (e.g. https://jsfiddle.net/y3x015dv/1/)


///html//////
<div class="long-text">
[メンバー登録] をクリックすることにより、ラララの利用規約、プライバシーポリシー、Cookieポリシーに同意したものとみなされます。
</div>

////CSS////
.long-text {
  word-break: keep-all;
  width: 400px;
}


Actual results:

the text broke on the square bracket, but not on any of the commas so the text over-flowed in one super big line.


Expected results:

the text should have broken on the commas. (see the js fiddle in chrome)
*** word-break: keep-all ***
Attached image chrome-keep-all.png
also, the text doesn't break on a Japanese parenthesis as expected: (e.g. <p>パスワード(6文字以外)</p> Notice that the parentheses character looks like it is next to a space, however, the space is "baked into" the character.
Component: Untriaged → Layout: Text and Fonts
Product: Firefox → Core
Priority: -- → P3

This is biting live sites now, as reported on webcompat.com. See the "Guild Changes" and other spots where it affects https://www.console.playblackdesert.com/ps/News/Detail?boardNo=2099&category=0

Webcompat Priority: --- → ?

This is related to (or the same as) https://bugzilla.mozilla.org/show_bug.cgi?id=1293584

Yes, dupe of bug 1293584. The patch just posted there should fix this example.

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: