Blink and Gecko differ on what baseline should an element with display: inline-block and overflow: clip.
Example (live):
<!doctype html> Clip: <br> <div style="border:1px solid red; display:inline-block"> <div style="overflow:clip; width:10px; height:10px; background:blue; display:inline-block;">Hallo Welt</div> </div> <br> Visible: <br> <div style="border:1px solid red; display:inline-block"> <div style="width:10px; height:10px; background:blue; display:inline-block;">Hallo Welt</div> </div> <br> Hidden: <br> <div style="border:1px solid red; display:inline-block"> <div style="overflow:hidden; width:10px; height:10px; background:blue; display:inline-block;">Hallo Welt</div> </div>
@bfgeek pointed out that CSS2.1 has:
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.
However CSS2 was written before overflow: clip was a thing. I intuitively expect overflow: clip to behave like overflow: visible here (because it's not an scrollable box), but I could see the argument the other way around. Thoughts?
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3