You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We are using this component for a form field implementation and would like to change the style of our wrapper component when a user tabs to this input field. Can you please expose onFocus and onBlur events so we have the ability to toggle our setFocused event?
The text was updated successfully, but these errors were encountered:
Trying to do something similar.
They're currently exposing a property activeBoxShadow, although it doesn't work the way it's intended.
The problem is that whenever you're tabbing to a react-switch element, the hidden input element gets focused leading to the activeBoxShadow never getting applied (because it's expecting the outer wrapper to be focused)
I'm able to style the parent with :focus-within but I only want that when they tab to the switch. CSS can look at :focus-visible on the hidden checkbox, but I can't figure out a way to have the parent wrapper react to the :focus-visible state of the child.
We are using this component for a form field implementation and would like to change the style of our wrapper component when a user tabs to this input field. Can you please expose
onFocus
andonBlur
events so we have the ability to toggle oursetFocused
event?The text was updated successfully, but these errors were encountered: