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.

Sign up for GitHub

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

Jump to bottom

Border collapses inside an element when border-radius is set to a very big value #3512

Open
1 task
sekpd opened this issue Feb 8, 2025 · 0 comments
Open
1 task

Border collapses inside an element when border-radius is set to a very big value #3512

sekpd opened this issue Feb 8, 2025 · 0 comments
Labels
bug Something isn't working css has repro We have a way to reproduce this bug. painting Related to painting subsystem

Comments

@sekpd
Copy link

sekpd commented Feb 8, 2025

Summary

When an element has border and border-radius that is set to a very large value, the border looks collapsed inside the element.
It starts to become visible around 18000000px and higher in case of a 256x256 px element.

Operating system

Linux

Steps to reproduce

  1. Open the reduced test case in Ladybird
  2. Compare how it looks in Chrome or Firefox

Expected behavior

Border doesn't collapse inside the element and aligns with the edge of the element.

Actual behavior

Border collapses inside the element.

URL for a reduced test case

N/A

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

<!DOCTYPE html>
<style>
    div {
        width: 256px;
        height: 256px;
        background-color: red;
        border: 2px solid black;
        border-radius: 99999999px;
    }
</style>
<div></div>

Log output and (if possible) backtrace

None

Screenshots or screen recordings

Ladybird:
Ladybird

Firefox:
Firefox

Build flags or config settings

None

Contribute a patch?

  • I’ll contribute a patch for this myself.
@AtkinsSJ AtkinsSJ added bug Something isn't working has repro We have a way to reproduce this bug. painting Related to painting subsystem css labels Feb 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working css has repro We have a way to reproduce this bug. painting Related to painting subsystem
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@AtkinsSJ @sekpd