Consider merging https://chromium.googlesource.com/chromium/blink/+/c608372cc09f02cd9e7cce737a33bb6798ab82b3 This moves the check for overflow: <not visible> into inlineBlockBaseline, so that the baseline gets correctly calculated for an outer inline-block when an inner inline-block or block has overflow: hidden. We also do this if the inner block is not an inline-block -- this matches Firefox behavior and is required for at least one website (http://in.yahoo.com/).
Test Case 1 - https://jsfiddle.net/9r1f6m7j/show - Works same across all browsers (Safari 16, Chrome Canary 108 and Firefox Nightly 107) Test Case 2 - https://jsfiddle.net/o1ye6bct/show Difference in browsers: >> Safari 16 show second line same as Firefox Nightly 107 in terms of scroll position compared to Chrome Canary 108 >> Safari 16 show all boxes in first line display their scrollbar at bottom (scrolled).