Skip to content

Tabs: "Focus" state pops up on initial load #3268

@mxsoco

Description

@mxsoco

Your email

miguel.soco@gov.ab.ca

Web components version

2.0

React or Angular components version

@abgov/react-components

Expected Behaviour

When tabs are displayed on a page, it should remain in a default state throughout all individual tabs, with the exception of the active tab.

Actual Behaviour

When my test page loads or refreshed, the tab that's active is already given a focus state without being interacted with.

Replication Steps

On https://incomparable-lily-2dc51b.netlify.app/, refresh the page on any selected tab and find the "Focus" state.

20251211-2034-57.9691017.mp4

Stackblitz URL

No response

Jam.dev URL

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions