Summary

When I put an ::after element on a button in ladybird, it is not next to the button's text, but below it instead.

Operating system

Linux

Steps to reproduce

1. Put an ::after element on a <button> and give both some content.
2. Observe that they are on top of one another.

Expected behavior

The ::after's contents should be next to those of the button.

Actual behavior

The ::after's contents are below those of the button.

URL for a reduced test case

data:text/html,<style>button::after{content: "Woop";}</style><button>Woop</button>

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

<style>
  button::after {
    content: "Woop";
  }
</style>
<button>Woop</button>

Log output and (if possible) backtrace

Nothing

Screenshots or screen recordings

The reduced test case, in ladybird on the top and in Firefox on the bottom:

Build flags or config settings

No response

Contribute a patch?

• I’ll contribute a patch for this myself.