Bug 137470 - inline-block elements are creating a secret line grid
Summary: inline-block elements are creating a secret line grid
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Minor
Assignee: Dave Hyatt
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2014-10-06 16:48 PDT by Alan Stearns
Modified: 2023-07-13 16:42 PDT (History)
4 users (show)

See Also:

Attachments
testcase (951 bytes, text/html)
2014-10-06 16:49 PDT, Alan Stearns 		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 Alan Stearns 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.
Comment 1 Alan Stearns 2014-10-06 16:49:35 PDT 
Created attachment 239367 [details]
testcase
Comment 2 Brent Fulgham 2022-07-14 13:14:01 PDT 
This appears to still be a problem in Safari 15.5+.
Comment 3 Radar WebKit Bug Importer 2022-07-14 13:14:12 PDT 
<rdar://problem/97031003>
Comment 4 Ahmad Saleem 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.