Bug 217131 - Spaces in inline-block element around hidden div affects layout
Summary: Spaces in inline-block element around hidden div affects layout
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-09-30 10:50 PDT by alesia.rud3
Modified: 2021-03-29 19:48 PDT (History)
5 users (show)

See Also:

Attachments
reproduction.html (225 bytes, text/plain)
2020-09-30 10:50 PDT, alesia.rud3 		no flags Details
safari14 screenshot (3.07 KB, image/png)
2020-09-30 10:52 PDT, alesia.rud3 		no flags Details
chrome screenshot (1.16 KB, image/png)
2020-09-30 10:52 PDT, alesia.rud3 		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 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