Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Combobox and text area form validation error not displayed in Chrome/Edge #2415

Open
m-akinc opened this issue Sep 30, 2024 · 0 comments
Open
Labels
bug Something isn't working

Comments

@m-akinc
Copy link
Contributor

m-akinc commented Sep 30, 2024

🐛 Bug Report

In Chrome/Edge, a missing value on a required combobox or text area properly blocks form submission and updates the control's validity flags, but the native, visual indicator of the validation error (see screenshot below) is not shown. Instead, an error is printed to the console: "An invalid form control with name='' is not focusable."

image

💁 Possible Solution

Presumably, something is trying to focus the host element, though it delegates focus to the shadow DOM. The error comes from a call to form.requestSubmit() in the FAST button code, which we cannot debug into. Things work properly in Firefox.

@m-akinc m-akinc added bug Something isn't working triage New issue that needs to be reviewed labels Sep 30, 2024
@m-akinc m-akinc removed the triage New issue that needs to be reviewed label Oct 1, 2024
@m-akinc m-akinc moved this to Defined/Ready to Pickup in Nimble Design System Priorities Oct 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: Defined/Ready to Pickup
Development

No branches or pull requests

1 participant