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

[forms] Range input shouldn't clip its contents to the border box #10024

Closed
emilio opened this issue Dec 27, 2023 · 1 comment · Fixed by #10025
Closed

[forms] Range input shouldn't clip its contents to the border box #10024

emilio opened this issue Dec 27, 2023 · 1 comment · Fixed by #10025
Labels
topic: forms topic: rendering

Comments

@emilio
Copy link
Contributor

emilio commented Dec 27, 2023

What is the issue with the HTML Standard?

It does per spec (more explicitly after #9994), but it doesn't match browser behavior prior to that change:

data:text/html,<input type=range style="appearance: none; height: 3px">
@emilio
Copy link
Contributor Author

emilio commented Dec 27, 2023

Example of issue in the wild: https://bugzilla.mozilla.org/show_bug.cgi?id=1872006

emilio added a commit to emilio/html that referenced this issue Dec 27, 2023
@emilio
Don't clip range overflow to border box.
7c191a7 
This fixes whatwg#10024.
@emilio emilio mentioned this issue Dec 27, 2023
Merged
5 tasks
emilio added a commit to emilio/html that referenced this issue Dec 31, 2023
@emilio
Don't clip range / checkbox / radio overflow to border box.
066e491 
This is not compatible since appearance: none can make these elements
create overflow in a way such that engines honor the overflow property.

These also don't create any overflow unless they are appearance: none,
so they don't need the magic clip prose anyways.

Fixes whatwg#10024.
annevk pushed a commit that referenced this issue Jan 12, 2024
@emilio
Don't clip range / checkbox / radio overflow to border box
1b64254 
This is not web compatible for appearance: none (and might not be web compatible for appearance: auto on implementations with minimum sizes). In particular it's known that for appearance: none these elements can create overflow in a way such that engines honor the overflow property.

Fixes #10024.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
topic: forms topic: rendering
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Don't clip range/checkbox/radio overflow to border box. emilio/html
1 participant
@emilio