[TextField] Letter-spacing consistency
See original GitHub issue- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Default Typography letter-spacing and default TextField letter-spacing are inconsistent
It is not explicitly mentioned in the spec but you can see TextField typography is practically body1
style with corresponding letter-spacing and slight modification of color
Interestingly if you check out computed styles on the official website (which by the way do not exactly match the spec of body1
) for input element you can see this
while MUI’s letter-spacing is reset
Current Behavior 😯
Check this gif out for visual confirmation
Expected Behavior 🤔
TextField letter spacing should match default Typography variant. Presumably that should also apply to line-height
Your Environment 🌎
Tech | Version |
---|---|
Material-UI | v4.9.12 |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
[TextField] Letter-spacing consistency · Issue #20849 - GitHub
The issue is present in the latest release. I have searched the issues of this repository and believe that this is not a...
Read more >letter-spacing - CSS: Cascading Style Sheets - MDN Web Docs
The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing ...
Read more >Input size with letter spacing - Stack Overflow
There is no problem with using letter-spacing in input, it is that the "size" attribute of it does not take into account letter-spacing....
Read more >Consistent, Fluidly Scaling Type and Spacing | CSS-Tricks
When setting type, the details really do matter. How big? How small? How much line height? How much letter-spacing? All of these choices...
Read more >dynamic text field part I – letter spacing | Before I forget...
Just discovered that flash resets the author-time letter spacing of a dynamic textfield when the textfield's text is set in ActionScript.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I believe we already have an issue open for it.
@oliviertassinari I suppose we should also address
line-height
and in general try to inherit everything font-related from the typography\theme defaults, stuff liketext-rendering
, RTL, etc. I can examine them in pull request but I would like an approval for inheriting them from the theme