Skip to content

[Bug][ChipList] Focus outline remains on last Chip after tabbing out of ChipList #797

@Yanko-Georgiev

Description

@Yanko-Georgiev

Describe the bug
Keyboard navigation works correctly within a chip list created with the chips component—pressing Tab moves focus from one chip to the next. However, after reaching the final chip and pressing Tab, focus properly advances to the next page element, but the last chip incorrectly retains its visual focus outline (border), even though it is no longer focused.

To Reproduce
Steps to reproduce the behavior:

  1. Open the following example - https://stackblitz.com/edit/5nbyzbwf?file=src%2Fmain.vue
  2. Click the last Chip.
  3. Click Tab.
  4. Notice the focus moves to the next element on the page, but the focus outline is still on the Chip.

Expected behavior
The focus indicator should not be visible unless the Chip is actually focused.

Additional context
TicketID: 1711647

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions