Summary

When I position: absolute a <button> in ladybird, it gets squished down and the text inside is now taller than the button.
This also applies to <select>s and probably others.

Operating system

Linux

Steps to reproduce

Look at this in ladybird:

<button style="position: absolute">
  Test
</button>

Expected behavior

It should look like a normal button.

Actual behavior

The button's content area seems to have a height of 0 an the text is not taller than the button as a whole.

URL for a reduced test case

data:text/html,Test

HTML/SVG/etc. source for a reduced test case

<button style="position: absolute">
  Test
</button>

Log output and (if possible) backtrace

None

Screenshots or screen recordings

The reduced test case in Ladybird (top) and Firefox (bottom):

Build flags or config settings

No response

Contribute a patch?

• I’ll contribute a patch for this myself.