RESOLVED CONFIGURATION CHANGED 202470
Inline-block elements with overflow: hidden fail to use bottom edge as baseline 
https://bugs.webkit.org/show_bug.cgi?id=202470
Summary Inline-block elements with overflow: hidden fail to use bottom edge as baseline
Trevor Burnham
Reported 2019-10-02 08:51:04 PDT
Created attachment 380026 [details] 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.
Attachments
Screenshot comparing behavior in Chrome/Firefox vs. Safari (39.56 KB, image/png)
2019-10-02 08:51 PDT, Trevor Burnham 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-10-02 13:19:05 PDT
<rdar://problem/55921594>
Ahmad Saleem
Comment 2 2023-12-15 17:13:32 PST
I took test case from Mozilla as well: https://bug491549.bmoattachments.org/attachment.cgi?id=375851 Looking into codepen and also above, all browsers (Safari 17.2, Chrome Canary 122 and Firefox Nightly 122) looks same to me in rendering. CCing - few others to confirm that we don't have any bug.
Trevor Burnham
Comment 3 2023-12-15 18:02:08 PST
Confirmed, it looks to me like this bug has been resolved.
Note You need to log in before you can comment on or make changes to this bug.