Skip to content

Tab indicator width counted incorrectly sometimes #493

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

    Fields

    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