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/