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.

TextArea Component error text is not removed when error is fixed

See original GitHub issue

What package(s) are you using?

  • [X ] carbon-components
  • [X ] carbon-components-react

Detailed description

Error text under TextArea is not removed when normal text is placed back on top of it (helper text).

Screen Shot 2020-07-03 at 11 59 36 AM
"carbon-components": "^10.14.0",
"carbon-components-react": "^7.14.0",

Steps to reproduce the issue

  1. Have TextArea required
  2. make error happen (focus/blur)
  3. Add text to clear error
  4. see red and regular text

Aspera

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
tw15egancommented, Jul 6, 2020

It seems like if I set bx--form__helper-text to width: 100% it resolves the issue 🤔

0reactions
dabrad26commented, Jul 6, 2020

Yeah. I noticed if you do something to cause safari to alter the draw like change tabs or move window it will cause it to update. Not sure if just safari. We mostly test on safari since it’s the most problematic for Mac.

Maybe if the entire text wrapper was 100% or had something to trick safari intro redrawing the area might fix it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular Material: Input with hint text and error text at the same ...
I hide the Hint via CSS when there is an error related to the field and when the error is fixed, the style...
Read more >
The Textarea element - HTML: HyperText Markup Language
This Boolean attribute lets you specify that a form control should have input focus when the page loads. Only one form-associated element in...
Read more >
Textarea does not respond to the value property changing to null
When the value property of a textarea changes to null or undefined from a non blank value, the text displayed in the DOM...
Read more >
How to Use Text Areas (The Java™ Tutorials > Creating a GUI ...
The text area uses the specified italic font, and wraps lines between words. JTextArea textArea = new JTextArea( "This is an editable JTextArea....
Read more >
Text Area Plus adds multiple features to Text Area - UnofficialSF
Placeholder Text: This is a string variable that is placeholder text stored in the component once the user begins typing this text is...
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