css `overflow` property being anything other than `visible` causes element to have height zero

[emanuele-aisent]

Preliminary Checks

• I have read and understood the important section above.
• I have searched existing issues and avoided creating duplicates.
• I am not filing an enhancement request.
• I have checked that this issue cannot be reproduced on Mozilla Firefox.
• I have checked that this issue can be reproduced once I removed all my Mods and Custom CSS.

What happened?

When an element has overflow set to be anything other than visible that element has its height set to zero

Expected behavior

Element height should not be affected by overflow property

Actual behavior

Element height gets set to zero

Steps to reproduce

https://jsfiddle.net/kay543e2/

Test on different browsers

Screenshots and videos

Zen 1.19.12b (Firefox 150.0.2) (64-bit)

Chromium Version 147.0.7727.116 (Official Build) snap (64-bit)

Firefox 150.0.2 (64-bit)

Version

1.19.12b

What platform are you seeing the problem on?

Linux (Flatpak)

What component is this issue related to?

Other

Relevant log output if applicable

[sporocyst]

I suspect the rendering canvas in zen browser doesn't even meet the 768px width requirement.
Drag the browser wider and you will see the result.