Skip to content

[Reboot] Suppress focus outline on elements that cannot be accessed via keyboard #18330

@oleersoy

Description

@oleersoy

Hi,

SuitCSS's base module contains the following snippet to suppress the focus outline on elements that cannot be accessed via keyboard.

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
  outline: none !important;
}

Perhaps reboot should also include this.

Cheers,
Ole

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions