Improve Validation Styling

  • A few issues I noticed with the form validation:

    1. The required fields are highlighted initially in Firefox, which is a browser issue. However, in order to enable custom styling, attributes or classes indicating the current validation state would be helpful. Currently, I must remove all validation styles (:-moz-ui-invalid) in order to fix the initial red borders.

    2. When hovering over a required field, the HTML title always shows the mismatch error message, even before entering a value.

    3. An inconsistency I noticed: The Email field correctly shows the empty message as HTML title before entering a value (but not after typing and deleting a value). Slightly related to that, the Messages section is displayed above Use Condition in the Block settings, opposite to other field types I’ve tested.

    This plugin is the best form builder for gutenberg I could find, but in order to create a flawless user experience, these issues need to be addressed.

  • The topic ‘Improve Validation Styling’ is closed to new replies.