Summary: | [Simple line layout] Text at wrong position | ||
---|---|---|---|
Product: | WebKit | Reporter: | Tobi Reif <tobi> |
Component: | CSS | Assignee: | zalan <zalan> |
Status: | RESOLVED CONFIGURATION CHANGED | ||
Severity: | Normal | CC: | bfulgham, simon.fraser, zalan |
Priority: | P2 | ||
Version: | Safari 11 | ||
Hardware: | Unspecified | ||
OS: | Unspecified |
Description
Tobi Reif
2018-03-28 08:14:55 PDT
It seems like the combination of "text-align: center" and "letter-spacing" confuses simple line layout. (In reply to Tobi Reif from comment #0) > (As soon as it's clear what's happening, please set the title to something > more specific.) > > Steps: Open https://tobireif.com/demos/grid/ in Safari (or TP), click > "Layout 2", make the window narrower until some of the pink text becomes > rotated. Scroll down. Open eg Chrome, do the same. Flip forth and back, > comparing the layouts. Observe that the word "Supported" jumps much more > than the other words - it's positioned much more to the right > (top-right)(east-north-east) in Safari. And the word "Quick" is too far to > the right. > > Same result when comparing to Firefox. > > When I make the Safari window a bit more narrow, sometimes the two words > jump into place. Tobi, could you check it with the latest night build, please? It seems to get fixed by r229867. (I can repro this with 11.1 but works fine with trunk) Testing is blocked by https://bugs.webkit.org/show_bug.cgi?id=184130 🙁 Checked - yep, it's fixed. Thanks all! |