[Webkit-unassigned] [Bug 202470] New: Inline-block elements with overflow: hidden fail to use bottom edge as baseline
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Oct 2 08:51:04 PDT 2019
https://bugs.webkit.org/show_bug.cgi?id=202470
Bug ID: 202470
Summary: Inline-block elements with overflow: hidden fail to
use bottom edge as baseline
Product: WebKit
Version: Safari Technology Preview
Hardware: Macintosh
OS: macOS 10.14
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: trevorburnham at gmail.com
Created attachment 380026
--> https://bugs.webkit.org/attachment.cgi?id=380026&action=review
Screenshot comparing behavior in Chrome/Firefox vs. Safari
Example: https://codepen.io/TrevorBurnham/pen/BaBXVZd
In Chrome and Firefox, the inline-block element with `overflow: hidden` is aligned so that its bottom margin edge is used as the baseline. While unintuitive, this behavior is consistent with the spec:
> The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
It looks like WebKit has long been an outlier in ignoring this part of the spec (see the attached Firefox issue). However, I haven't been able to find any relevant discussion in the WebKit bug tracker.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20191002/993dd5bc/attachment.html>
More information about the webkit-unassigned
mailing list