Skip to content

[Segmented Button] Collapses in on itself when placed inside a scale-collapsible #2314

Closed
@ledex

Description

@ledex

Scale Version
3.0.0-beta.151

Framework and version
React 17.0.2
React 18.2.0

Current Behavior
From time to time the segmented button 'collapses' in on itself as seen below when placed inside a scale-collapsible.
grafik

The scale-segmented-button spans the entire width, but the individual scale-segments are way to narrow for the text. With fullWidth={true} the issue still persists.

Expected Behavior
Segmented button should look normal as seen below.
grafik

Code Reproduction
https://codesandbox.io/p/sandbox/scale-components-react18-forked-vgwsvy

Desktop (please complete the following information):

  • OS: Win11 10.0.22621 Build 22621
  • Browser: Firefox 125.0.3

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions