Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Borders on nested inline elements ignore right-side padding #3491

Open
1 task
Psychpsyo opened this issue Feb 7, 2025 · 0 comments
Open
1 task

Borders on nested inline elements ignore right-side padding #3491

Psychpsyo opened this issue Feb 7, 2025 · 0 comments

Comments

@Psychpsyo
Copy link
Contributor

Summary

When I put a border on nested spans with padding, the right side borders are drawn where they would be if the elements had no padding on the right.

Operating system

Linux

Steps to reproduce

  1. Open the reduced test case.

Expected behavior

The borders should be drawn around the padding area.

Actual behavior

The borders are drawn as if there were no padding.

URL for a reduced test case

N/A

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

<!DOCTYPE html>
<style>
  span {
    padding: 1em;
    border: 2px solid black;
  }
</style>
<span>o<span>o</span>o</span>

Log output and (if possible) backtrace

None

Screenshots or screen recordings

Ladybird:

Image

Firefox:

Image

Build flags or config settings

None

Contribute a patch?

  • I’ll contribute a patch for this myself.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant