Can't set theme font-size for TextArea
See original GitHub issueThe TextArea component does not seem to have full theme options. In particular, the font-size
seems to be set to inherit
.
As far as I can tell, the reason for this limitation can be found at:
https://github.com/grommet/grommet/blob/fd803e9bd3e1c871cd02e14e322cf03b3eb2dd41/src/js/utils/styles.js#L169
For now, it seems that the only way to set the font-size is to wrap the TextArea in another component or element with the font-size set.
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
css - Why <textarea> and <textfield> not taking font-family and ...
The most direct remedy if this behaviour is undesired is to add to your styles, textarea, input, button, select { font-family: inherit; font-size:...
Read more >Topic: Can't change the font size of input text in a contact form.
I'm trying to change the font size for the text area of my contact form. I have the CSS upgrade and tried changing...
Read more >How to change font and font size of textarea item — oracle-tech
How can I change the font and font size of the textarea items, preferably in such a way that it will apply to...
Read more >Font size setting not respected | WordPress.org
The configured larger font size, 17px, is not respected. it looks to be no more than 10px, no matter how high I set...
Read more >How to change the default font family, size, and color in ...
To change the default font family, size, or color in the TinyMCE WYSIWYG HTML editor, we recommend using content_css or content_style (or a ......
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 think, it would be great if TextArea could use the size prop that TextInput uses to set font size and line height
You can always use
textArea.extend
. I made a quick example (go to TextArea.js) https://codesandbox.io/s/nrpr9wp1zj Let me know if you have more questions.