Bug 217131

Summary: Spaces in inline-block element around hidden div affects layout
Product: WebKit Reporter: alesia.rud3
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: bfulgham, heycam, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
reproduction.html
none
safari14 screenshot
none
chrome screenshot none

alesia.rud3
Reported 2020-09-30 10:50:53 PDT
Created attachment 410135 [details] reproduction.html Open https://jsfiddle.net/nt75w0zx/1/ on Safari 14 (on the latest iPadOS 14 in my case) and any desktop/mobile Chrome/Firefox/IE11 => On other browsers both "Hello1!" and "Hello2!" are aligned, on Safari 14 "Hello1!" is lower than "Hello2!".
Attachments
reproduction.html (225 bytes, text/plain)
2020-09-30 10:50 PDT, alesia.rud3
no flags
safari14 screenshot (3.07 KB, image/png)
2020-09-30 10:52 PDT, alesia.rud3
no flags
chrome screenshot (1.16 KB, image/png)
2020-09-30 10:52 PDT, alesia.rud3
no flags
alesia.rud3
Comment 1 2020-09-30 10:52:03 PDT
Created attachment 410137 [details] safari14 screenshot
alesia.rud3
Comment 2 2020-09-30 10:52:56 PDT
Created attachment 410138 [details] chrome screenshot
Radar WebKit Bug Importer
Comment 3 2020-10-01 12:47:01 PDT
Cameron McCormack (:heycam)
Comment 4 2021-03-29 19:48:07 PDT
Note You need to log in before you can comment on or make changes to this bug.