Bug 184878 - Flexbox text not centered to the right position
Summary: Flexbox text not centered to the right position
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-04-23 00:44 PDT by Roland Soos
Modified: 2018-04-27 05:09 PDT (History)
4 users (show)

See Also:

Attachments
Safari 11.1 (22.47 KB, image/png)
2018-04-23 00:44 PDT, Roland Soos 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Roland Soos 2018-04-23 00:44:44 PDT 
Created attachment 338573 [details]
Safari 11.1

Test url: https://smartslider3.com/bugs/webkit/flexbox11.1/index.html

Some texts on the layout are not aligned well in Safari 11.1, but works fine in technology preview 11.2 release 54.
When I select those texts in Safari 11.1, the text starts to behave correctly, but there might be glitches.

Video demo: https://www.youtube.com/watch?v=nLSCT75jt-Y
Comment 1 Roland Soos 2018-04-27 05:09:30 PDT 
<style> tag injected into the head with JavaScript when the document is ready and this cause the false rendering behavior. When the CSS added to the head as usual, then everything works fine in Safari.

Also Safari 11.0 affected by this bug.