Skip to content

Tabs: zooming out causes TabList to collapse #2554

Open
@cawright-ext

Description

@cawright-ext

🐛 Bug Report

When zooming out in the browser (Cmd +/-) with a page using v3 tabs, the tabs may collapse when there is plenty of room.

🤔 Expected Behavior

Tabs should not collapse if there is enough room

😯 Current Behavior

Tabs collapse when zoomed out, when there is enough room

Screen Shot 2021-11-15 at 11 54 30 AM

Screen Shot 2021-11-15 at 11 54 26 AM

💁 Possible Solution

See how browser zoom affects the sizing calculation used to determine whether these tabs should collapse

🔦 Context

💻 Code Sample

https://codesandbox.io/s/vigilant-shape-w5q0l

🌍 Your Environment

Software Version(s)
react-spectrum 3.14.0
Browser chrome @ latest
Operating System macOS

🧢 Your Company/Team

Adobe Admin Console

🕷 Tracking Issue (optional)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingrsp:Tabs

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions