[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