Bug 214632 – Incorrect baseline calculation for inline-block element with overflow value other than 'visible'

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: Layout and Rendering

[Maksim Ryzhikov]

Created attachment 404910 [details]
How code looks in Safari

Specification

https://www.w3.org/TR/CSS2/visudet.html#leading
> 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.

Code which reproduce the problem:

```
 <style>
   #foo {
     display: inline-block;
     background-color: magenta;
     overflow: hidden;
   }
 </style>
 <div id="app">
      <span>Hello</span>
      <span id="foo">World</span>
 </div>

```

Link on an example:
https://6w6ib.csb.app/

[Maksim Ryzhikov]

Created attachment 404912 [details]
How problem code looks in Chrome

[Radar WebKit Bug Importer]

<rdar://problem/66023320>

[Ahmad Saleem]

It seems it is working fine now in Safari 16.2.

@karlcow - can you double check please? Thanks in advance.

[Ahmad Saleem]

@Alan - It seems to match now with Chrome Canary. It seems to be IFC progression IMO.

[zalan]

yeah, it may very well be. Thank you!