Open hipitihop opened 3 years ago
This is because:
:focus {
outline: -webkit-focus-ring-color auto 1px;
}
<input ..>
the browser also disables those styles when disabled[single-dropdown ...]
is just a structured of styled div
> a
> span
. Not a 'native input' component.I attempted adding the disabled
attribute to the structure when disabled?
is true
e.g. <span disabled>
etc but it had no impact on the styling.
This will need to be fixed in the future styling changes w/ a class that alters the :focus
styles when disabled?
is true. Cannot fix at the moment as we cannot change :focus
styles with inline styles.
While the dropdown correctly shows disabled background and sans dropdown button, it still shows the focus rectangle when clicked or keyboard navigated to (tab).