137470 2014-10-06 16:48:56 -0700 inline-block elements are creating a secret line grid 2023-07-13 16:42:27 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified NEW BrowserCompat, InRadar P2 Minor --- 1 stearns hyatt ahmad.saleem792 bfulgham webkit-bug-importer zalan oldest_to_newest 1039876 0 stearns 2014-10-06 16:48:56 -0700 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. 1039877 1 239367 stearns 2014-10-06 16:49:35 -0700 Created attachment 239367 testcase 1883731 2 bfulgham 2022-07-14 13:14:01 -0700 This appears to still be a problem in Safari 15.5+. 1883732 3 webkit-bug-importer 2022-07-14 13:14:12 -0700 <rdar://problem/97031003> 1966680 4 ahmad.saleem792 2023-07-13 16:42:27 -0700 WebKit ToT (266047@main) is still broken. Adding 'BrowserCompat' tag to monitor it since Chrome Canary 117 and Firefox Nightly 117 match each other. 239367 2014-10-06 16:49:35 -0700 2014-10-06 16:49:35 -0700 testcase inline-block-bug.html text/html 951 stearns PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50 LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD11dGYtOCI+CiAgPHRpdGxlPjwvdGl0 bGU+CiAgPHN0eWxlPgogICAgYm9keSB7CiAgICAgIC13ZWJraXQtbGluZS1ncmlkOiBvbjsKICAg ICAgZm9udC1zaXplOiAzMHB4OwogICAgICB3aWR0aDogNDAwcHg7CiAgICB9CiAgICAuY29udGFp bmVyIHsKICAgICAgZm9udC1zaXplOiAxMDBweDsKICAgICAgLXdlYmtpdC1saW5lLXNuYXA6IGJh c2VsaW5lOwogICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB9CiAgICBwIHsKICAgICAg Zm9udC1zaXplOiAxNnB4OwogICAgfQogIDwvc3R5bGU+CjwvaGVhZD4KPGJvZHkgbGFuZz0iZW4i PgogIDxkaXYgY2xhc3M9ImNvbnRhaW5lciI+CiAgICA8cD4KICAgICAgTG9yZW0gaXBzdW0gZG9s b3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9k CiAgICAgIHRlbXBvciBpbmNpZGlkdW50IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVh LiBVdCBlbmltIGFkIG1pbmltIHZlbmlhbSwKICAgICAgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlv biB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlxdWlwIGV4IGVhIGNvbW1vZG8KICAgICAgY29u c2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVwcmVoZW5kZXJpdCBpbiB2b2x1cHRh dGUgdmVsaXQgZXNzZQogICAgICBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lhdCBudWxsYSBwYXJpYXR1 ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbgogICAgICBwcm9pZGVudCwg c3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBpZCBlc3QgbGFi b3J1bS4KICAgIDwvcD4KICA8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+