Bug 197409 - [css-text] word-break: break-all should not allow breaking around punctuation characters
Summary: [css-text] word-break: break-all should not allow breaking around punctuation...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2019-04-30 02:53 PDT by Javier Fernandez
Modified: 2020-01-17 00:09 PST (History)
3 users (show)

See Also:


Attachments
Test case to reproduce the issue (216 bytes, text/html)
2019-04-30 02:53 PDT, Javier Fernandez
no flags Details
Test case to reproduce the issue (208 bytes, text/html)
2019-04-30 02:55 PDT, Javier Fernandez
no flags Details
Actual result (966 bytes, image/png)
2019-04-30 02:57 PDT, Javier Fernandez
no flags Details
Expected result (974 bytes, image/png)
2019-04-30 02:57 PDT, Javier Fernandez
no flags Details
Test case to reproduce the issue (204 bytes, text/html)
2019-04-30 03:03 PDT, Javier Fernandez
no flags Details
Test case to reproduce the issue (162 bytes, text/html)
2019-04-30 03:06 PDT, Javier Fernandez
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Javier Fernandez 2019-04-30 02:53:10 PDT
Created attachment 368546 [details]
Test case to reproduce the issue

What steps will reproduce the problem?
(1) Load the attached test case

What is the expected result?

The line is broken before the last non-punctuation character "XX XX|X..." (see expected.png)

What happens instead?

The line is broken in the middle of the sequence of punctuation characters "XX XXX..|." (see actual.png)
Comment 1 Javier Fernandez 2019-04-30 02:55:01 PDT
Created attachment 368547 [details]
Test case to reproduce the issue
Comment 2 Javier Fernandez 2019-04-30 02:57:35 PDT
Created attachment 368548 [details]
Actual result
Comment 3 Javier Fernandez 2019-04-30 02:57:56 PDT
Created attachment 368549 [details]
Expected result
Comment 4 Javier Fernandez 2019-04-30 03:01:16 PDT
According to the CSS Text 3 specification, the word-break property should now allow breaking opportunities around punctuation characters: 

https://drafts.csswg.org/css-text-3/#propdef-word-break

" It does not affect rules governing the soft wrap opportunities created by spaces (including U+3000 IDEOGRAPHIC SPACE) and around punctuation. (See line-break for controls affecting punctuation and small kana.) "

The expected behavior described in this bug is what both Chrome and Firefox implement now, so this is clearly an interoperability issue of WebKit.
Comment 5 Javier Fernandez 2019-04-30 03:03:02 PDT
Created attachment 368550 [details]
Test case to reproduce the issue
Comment 6 Javier Fernandez 2019-04-30 03:06:45 PDT
Created attachment 368551 [details]
Test case to reproduce the issue
Comment 7 Javier Fernandez 2019-04-30 03:11:36 PDT
It seems Firefox has the same behavior as Safari in this case, while Edge behave like Chrome.

Anyway, I think the spec is clear about this, so I consider the bug report is still valid.
Comment 8 Javier Fernandez 2019-04-30 03:25:02 PDT
I think Firefox has a similar bug report already:

https://bugzilla.mozilla.org/show_bug.cgi?id=1280786
Comment 9 Javier Fernandez 2019-04-30 03:29:20 PDT
These other bug looks like related as well:

https://bugzilla.mozilla.org/show_bug.cgi?id=628825
Comment 10 Florian Rivoal 2020-01-17 00:09:15 PST
I think this is the same issue as https://bugs.webkit.org/show_bug.cgi?id=108347