Negative letter-spacing + soft hyphen = broken layout

NEW
Unassigned

Status

()

Core
Layout
P2
normal
2 years ago
8 months ago

People

(Reporter: bintoro, Unassigned)

Tracking

48 Branch
Unspecified
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [parity-chrome])

Attachments

(1 attachment)

(Reporter)

Description

2 years ago
Created attachment 8782344 [details]
HTML testcase

In the presence of negative letter-spacing, text is not flowed along a floated element at container widths where a soft hyphen is just about to go from invisible to rendered.

The testcase shows three divs with slightly different widths. The word "aaaaaaaabbbbbbbb" has a soft hyphen in the middle.

This is how it renders on a Mac: http://i.imgur.com/wDOo105.png.

The top and bottom divs demonstrate expected behavior: At 524px, "aaaaaaaabbbbbbbb" is forced on the second line in its entirety. At 528px, the word is split between the first and second line.

The middle div illustrates the bug: At 525–527px, the entire paragraph gets incorrectly positioned below the floated element.

Updated

8 months ago
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P2
Whiteboard: [parity-chrome]
You need to log in before you can comment on or make changes to this bug.