Skip to content

Tab indicator width counted incorrectly sometimes #493

@comonadd

Description

@comonadd

Detailed description

Describe in detail the issue you're having.

Sometimes, the tab indicator offset & width are not calculated properly and result is displayed not where it's supposed to be.

Is this a feature request (new component, new icon), a bug, or a general issue?

This is a bug.

Is this issue related to a specific component?

Yes, it's related to Tabs & Tab.

What did you expect to happen? What happened instead? What would you like to see changed?

I expected the indicator to always match the width & offset of the current tab.

What browser are you working in?

Chrome.

What version of the WFP UI (Carbon Design System) are you using?

1.20.3

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

No.

Steps to reproduce the issue

Just use the Tabs component

https://codesandbox.io/s/elated-architecture-jdbcu?file=/src/App.js

Additional information

Peek 2022-01-07 17-02

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions