Bug 158771 – element boundaries suppress line break opportunity

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[Florian Rivoal]

I've attached a example where Safari suppresses break opportunities at element boundaries.

A span with no styles attached should never affect the layout, but here it does.

This bug occurs much more often in Japanese or Chinese than in English, since these languages do no use spaces as word separators, and therefore it is common to have, as in this example, a <span> (or an <em>, or a <strong>...) not surrounded with spaces.

It appears that some variants of this bug have already been addressed in the past, but as this test case shows, some issues remain.

[Florian Rivoal]

Created attachment 281313 [details]
test case showing the problem

[Florian Rivoal]

Created attachment 281314 [details]
Screenshot of the issue in Safari 9.11 (11601.6.17) on OS X 10.11.5

[zalan]

Work as expected in FF 47.0, fails with Chrome 51.0.2704.84

[Florian Rivoal]

While we're at comparing with other browsers, this works in IE, Edge and Presto as well. It's just the webkit (and derived, so blink too) browsers that have an issue with that. For chrome it's tracked here: https://bugs.chromium.org/p/chromium/issues/detail?id=282134

[Ahmad Saleem]

Created attachment 460616 [details]
Safari 15.5 matches other browsers

I am unable to reproduce this bug based on attached test case and it is different from the screenshot (can be compared with attached one). It is matching with all other browsers (Chrome and Firefox) as well.

I think it was fixed along the way and can the marked as "RESOLVED CONFIGURATION CHANGED". Thanks!

[Ryosuke Niwa]

Nice!

[Myles C. Maxfield]

🆒

[zalan]

This is an IFC progression and we may still run into this issue as long as the legacy line layout is around (e.g. setting certain CSS properties on the block container).