Skip to content

[EuiBadge] Incorrect tab order when a clickable badge has a clickable icon on the left side #5353

@chandlerprall

Description

@chandlerprall

From elastic/kibana#117334

Codesandbox reproduction https://codesandbox.io/s/trusting-antonelli-s2rvx?file=/index.js

When an EuiBadge's text & icon are both interactive, and the iconSide prop is left, the tab order of the elements is reversed from their visual order.

badge_tab_order.mov

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions