Bug 184878

Summary:

Flexbox text not centered to the right position

Product:

WebKit

Reporter:

Roland Soos <roland>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, jfernandez, simon.fraser, zalan

Priority:

Version:

Safari 11

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Safari 11.1	none

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.

Comment 2 Ahmad Saleem 2023-03-17 17:09:44 PDT

I am not able to reproduce this bug in WebKit ToT (261811@main) and Safari 16.3, it does not have bug as shown in Youtube video from Comment 0.

Marking this as “RESOLVED CONFIGURATION CHANGED”.