Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
ledex opened this issue May 15, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@ledex
Copy link
Member

ledex commented May 15, 2024

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
@ledex ledex added the bug Something isn't working label May 15, 2024
@ledex ledex changed the title [Segmented Button]: Collapses in on itself when placed inside a scale-collapsible [Segmented Button] Collapses in on itself when placed inside a scale-collapsible May 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant