Error icon isn't hidden when field becomes valid

Created on 20 April 2023, about 1 year ago

Updated 16 August 2023, 11 months ago

Problem/Motivation

See attached screenshots...

When a field is invalid, the error shows correctly. (red border, icon, and text). See initial-error.png

Once the validation is corrected, the red border and text disappear as expected, but the error icon still shows. See error-fixed.png

From the code (error-fixed-code.png), you'll see the display:none is set to the child element of the element that has the icon (the :before is the icon on .form-item--error-message).

Proposed resolution

Trigger "display:none" on the .form-item--error-message instead of it's child element.

🐛 Bug report

Status

Closed: works as designed

Version

4.0

Component

Code

Created by

🇺🇸United States chucksimply

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @chucksimply
Comment about 1 year ago →
🇬🇧United Kingdom aaron.ferris
Hello

Ive just spun up a fresh D9 install with the latest CV module, I'm not seeing any pseudo or icon on an errored textarea/text input. I wonder if this could be theme specific? Which theme are you using?
Comment 11 months ago →
🇺🇸United States chucksimply
True... it's actually coming from the form.css file in the Classy theme. I targeted the selector via my own theme's styles to remedy the issue. Closing issue. Thanks!
Status changed to Closed: works as designed 11 months ago6:54pm 16 August 2023
Comment 11 months ago →
🇺🇸United States chucksimply

contrib.social Blog FAQ Discussions

Production build 0.69.0 2024