[csswg-drafts] [css-ui] Single-line `textarea` or auto-wrapping `input` (#10019)

fregante has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-ui] Single-line `textarea` or auto-wrapping `input` ==
The correct element to handle single-line text inputs is `<input type="text">`, however its default behavior for overflowing text is to make the field "invisibly scrollable". This has awful usability if the text tends to be longer, because the user cannot see the entire text at once and there's no scrollbar.

This leads to authors defaulting to `textarea` even if they want to preserve the the "single-line" input type.

A notable example of this is Google Search:

<img width="920" alt="Screenshot 8" src="https://github.com/w3c/csswg-drafts/assets/1402241/259c3e7a-a564-42dc-a7c8-9073b5da529d">

You want to allow long input, but also you want to preserve the ability to submit text with <kbd>Enter</kbd>.

the [`field-sizing` proposal](https://github.com/w3c/csswg-drafts/issues/7542) is another key of this puzzle, also seen on Google Search.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10019 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 1 March 2024 07:47:25 UTC