Skip to content

[css-forms-1] A few issues with <input type=number> pseudos #11890

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

Open
mfreed7 opened this issue Mar 10, 2025 · 2 comments
Open

[css-forms-1] A few issues with <input type=number> pseudos #11890

mfreed7 opened this issue Mar 10, 2025 · 2 comments

Comments

@mfreed7
Copy link
Contributor

mfreed7 commented Mar 10, 2025

I like that there are pseudos for styling the step-up and step-down buttons. I'm wondering if those need to be replaceable, e.g. with custom element buttons?

Also, even absent that, I think the stylesheet needs to include display:flex for both the <input> itself (which contains the ::field-text and the ::step-control, and should have flex-direction: row) and the ::step-control (which contains the buttons, and should have flex-direction:column).

Actually a number of controls that have defined internal structure like this should likely also have display:flex?

@lukewarlow
Copy link
Member

Slight nit but I think it should be display: inline-flex I think, controls are currently inline rather than block layout by default and customisable select seems to have stuck with that.

@SebastianZ
Copy link
Contributor

Slight nit but I think it should be display: inline-flex I think, controls are currently inline rather than block layout by default and customisable select seems to have stuck with that.

Nit regarding the nit 😄: The value shoud then be the double-keyword value inline flex.

Sebastian

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants