Bug 137470

Summary:

inline-block elements are creating a secret line grid

Product:

WebKit

Reporter:

Alan Stearns <stearns>

Component:

CSS

Assignee:

Dave Hyatt <hyatt>

Status:

NEW ---

Severity:

Minor

CC:

ahmad.saleem792, bfulgham, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
testcase	none

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.