question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't set theme font-size for TextArea

See original GitHub issue

The 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:closed
  • Created 5 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
gregtalaricocommented, Jun 3, 2019

I think, it would be great if TextArea could use the size prop that TextInput uses to set font size and line height

1reaction
ShimiSuncommented, Feb 23, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found