flutter / flutter

Flutter makes it easy and fast to build beautiful apps for mobile and beyond
https://flutter.dev
BSD 3-Clause "New" or "Revised" License
164.46k stars 27.12k forks source link

Scrollable Hint Text #61195

Open rmtmckenzie opened 4 years ago

rmtmckenzie commented 4 years ago

Use case

If the hint text of a textfield is larger than the space available, it cuts off the text with ellipses. In normal use-cases this is reasonable enough, but there are some where this isn't - particularly when dealing with accessibility & large text sizes.

If the hint text were to be scrollable in the same way that the non-hint-text is, that would eliminate this issue.

With accessibility features off:

image

With accessibility features on (large text + bold on iOS):

image

(Note that these are the exact same application, and that pretty much any flutter app using textfields w/ hintText would display the same issue).

Proposal

For multi-line text fields this isn't as much as an issue, but for single-line ones this user experience could be improved by making the hint text scrollable horizontally.

justinmc commented 4 years ago

Does anyone know if the Material guidelines say anything about ellipsis vs. scrollable hint text?

rmtmckenzie commented 4 years ago

This is all it says: image

flutter-triage-bot[bot] commented 1 month ago

This issue is missing a priority label. Please set a priority label when adding the triaged-design label.

justinmc commented 1 month ago

I'm not sure if this is feasible. If anyone has an example of a Material implementation or spec with a horizontally scrollable hint, please post it!