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

Add CSS field-sizing (previously form-sizing) #6818

Open
Schweinepriester opened this issue Sep 1, 2023 · 10 comments
Open

Add CSS field-sizing (previously form-sizing) #6818

Schweinepriester opened this issue Sep 1, 2023 · 10 comments
Labels
Support data suggestion

Comments

@Schweinepriester
Copy link
Contributor

@karlhorky
Copy link

karlhorky commented Sep 28, 2023 •
edited
Loading

Nice showcase of the "auto-height <textarea>" use case for this by @yisibl here:

@karlhorky
Copy link

karlhorky commented Oct 7, 2023 •
edited
Loading

@jh3y noted on 6 Oct 2023 that Chrome Canary 120 rolled out with this: https://twitter.com/jh3yy/status/1710398436917321799

@sillvva
Copy link

sillvva commented Oct 23, 2023

Renamed to field-sizing https://twitter.com/jh3yy/status/1714275910172791211

@Schweinepriester Schweinepriester changed the title Add CSS form-sizing Add CSS field-sizing (previously form-sizing) Oct 23, 2023
@Schweinepriester
Copy link
Contributor Author

@sillvva thank you for letting us know, I changed the title! o7

@argyleink
Copy link
Contributor

shipping in Chrome 123 https://chromestatus.com/feature/5176596826161152

@yisibl
Copy link
Contributor

yisibl commented Jan 23, 2024

shipping in Chrome 123 https://chromestatus.com/feature/5176596826161152

Chrome hasn't seen an officially enabled CL yet and may have to wait for the PR merge in the HTML spec. whatwg/html#9903

@Schweinepriester
Copy link
Contributor Author

a blog post: https://polypane.app/blog/field-sizing-just-works/

mozilla position has been marked positive 3 days ago: mozilla/standards-positions#849 (comment) 🥳

@LeaVerou
Copy link

What is the blocker here? The HTML PR @yisibl mentioned has been merged.

@yisibl
Copy link
Contributor

yisibl commented Feb 28, 2024

What is the blocker here? The HTML PR @yisibl mentioned has been merged.

Good news, this was finally released in Chrome 123.

Before shipping, I raised some issues and got them fixed. I hope this can be used as a reference for other browsers.

@Schweinepriester
Copy link
Contributor Author

MDN entry: https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing

and as such data available now: https://caniuse.com/?search=field-sizing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Support data suggestion
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@LeaVerou @Fyrd @argyleink @karlhorky @Schweinepriester @yisibl @sillvva