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

Description alesia.rud3 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!".
Comment 1 alesia.rud3 2020-09-30 10:52:03 PDT 
Created attachment 410137 [details]
safari14 screenshot
Comment 2 alesia.rud3 2020-09-30 10:52:56 PDT 
Created attachment 410138 [details]
chrome screenshot
Comment 3 Radar WebKit Bug Importer 2020-10-01 12:47:01 PDT 
<rdar://problem/69849257>
Comment 4 Cameron McCormack (:heycam) 2021-03-29 19:48:07 PDT 
This was fixed by a change somewhere in this range:

https://trac.webkit.org/log/webkit/trunk?mode=follow_copy&rev=268844&stop_rev=268785