Created by: KyleMit
The form control validation feedback icons interfere with focus actions.
You can prevent this with pointer-events: none;
. It's definitely not a critical feature, but it's nice to have for browsers that support it. It seems like it represents the intuitive UX principle because the icon is styled as if it was inside the input box, so I would expect clicking anywhere inside of it would give the input focus.
Here's a fiddle that demonstrates this issue
Here's a screenshot illustrating the difference: