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
Not sure why there is outline: none, but at least for :focus-visible pseudo class no outline: none style must be applied.
(focused button without outline: none style, notice the native outline/border around the button, the color is not much different visually, but the visual dimension difference makes it very easy to understand what button is (tab) focused)
The text was updated successfully, but these errors were encountered:
Removing the outline on focus for some components was decided by design since SUI was released in favor of using a different color of the whole component when the component gets focused.
Showing the outline does not fit the default theme anymore and would be a breaking change.
I prepared a PR which allows to customize that if desired and overrides the outline in case of focus by #2801
Feature Request
When
tabindex="0"
is set to a (div) button, the div can be focused by a tab.Currently when such div is focused, no native glow is present. I have identified this is because:
outline: none
style.Example (if possible)
Screenshot (if possible)
normal:
focused:
compare it with tab glow in https://dev.atk4.org/demos/interactive/paginator.php for example:
Expected fix/behaviour
Not sure why there is
outline: none
, but at least for:focus-visible
pseudo class nooutline: none
style must be applied.(focused button without
outline: none
style, notice the native outline/border around the button, the color is not much different visually, but the visual dimension difference makes it very easy to understand what button is (tab) focused)The text was updated successfully, but these errors were encountered: