Bug 184085 - [Simple line layout] Text at wrong position
Summary: [Simple line layout] Text at wrong position
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: zalan
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-03-28 08:14 PDT by Tobi Reif
Modified: 2018-04-01 02:37 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Tobi Reif 2018-03-28 08:14:55 PDT
(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.
Comment 1 zalan 2018-03-28 15:49:21 PDT
It seems like the combination of "text-align: center" and "letter-spacing" confuses simple line layout.
Comment 2 zalan 2018-03-28 16:08:40 PDT
(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)
Comment 3 Tobi Reif 2018-03-29 01:45:23 PDT
Testing is blocked by https://bugs.webkit.org/show_bug.cgi?id=184130 🙁
Comment 4 Tobi Reif 2018-04-01 02:37:21 PDT
Checked - yep, it's fixed.

Thanks all!