NEW137470
inline-block elements are creating a secret line grid
https://bugs.webkit.org/show_bug.cgi?id=137470
Summary inline-block elements are creating a secret line grid
Alan Stearns
Reported 2014-10-06 16:48:56 PDT
Line boxes contained in an inline-block element that should snap to an outer line grid are instead snapping to a line grid based on the inline-block's line-height. In the testfile, an outer line grid is set at a 30px font-size. The inline-block element has line-snap:baseline but also a font-size of 100px. The lines in the paragraph are snapping to a 100px font-size grid, when they should snap to a 30px font-size grid.
Attachments
testcase (951 bytes, text/html)
2014-10-06 16:49 PDT, Alan Stearns
no flags
Alan Stearns
Comment 1 2014-10-06 16:49:35 PDT
Created attachment 239367 [details] testcase
Brent Fulgham
Comment 2 2022-07-14 13:14:01 PDT
This appears to still be a problem in Safari 15.5+.
Radar WebKit Bug Importer
Comment 3 2022-07-14 13:14:12 PDT
Ahmad Saleem
Comment 4 2023-07-13 16:42:27 PDT
WebKit ToT (266047@main) is still broken. Adding 'BrowserCompat' tag to monitor it since Chrome Canary 117 and Firefox Nightly 117 match each other.
Note You need to log in before you can comment on or make changes to this bug.