HealthCatalyst / Fabric.Cashmere

Health Catalyst’s comprehensive design system.
http://cashmere.healthcatalyst.net
Apache License 2.0
66 stars 76 forks source link

SelectComponent allows selecting disabled optiosn #2250

Open mrdow opened 1 year ago

mrdow commented 1 year ago

Summary

We are using hc-select where some of the options are disabled. Most of the time the options are unselectable as expected, but there is a way to get them selected by moving the cursor quickly over the main input and then over the disabled option.

Reproduction

I was able to reproduce on stackblitz.

And here is a gif to demonstrate. Note that I press [Enter] at the end to actually set the value and collapse the hc-select Select a disabled option

JakeSaintG commented 1 year ago

Interesting additional detail: I can't replicate this issue in FireFox. It won't let me select a disabled select list item no matter how frantically I move my mouse over it. I can replicate it on the Cashmere examples page and using your stackblitz on Edge/Chrome/Chromium, though.