Contrib.social

Error icon isn't hidden when field becomes valid

Open on Drupal.org →
Created on 20 April 2023, over 1 year ago
Updated 16 August 2023, over 1 year 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.
Sign in to follow issues

Comments & Activities

  • Issue created by @chucksimply
  • Comment over 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 over 1 year 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 over 1 year ago
  • Comment over 1 year ago →
    🇺🇸United States chucksimply
contrib.social Blog FAQ Discussions
Production build 0.71.5 2024