Sage / carbon

Carbon by Sage | ReactJS UI Component Library
https://carbon.sage.com
Apache License 2.0
273 stars 85 forks source link

ButtonToggleGroup: button toggles with different text sizes do not wrap uniformly #6799

Closed kohli-pratik-sage closed 4 days ago

kohli-pratik-sage commented 1 month ago

Description

Have 3 ButtonToggles with different text sizes and reduce the screen size resulting in the ButtonToggleGroup wrapping. It will be seen the button don't align uniformly as would be expected.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-4fgmqg?file=src%2FApp.tsx,package.json

Steps to reproduce

Reduce the screen width so the button toggles start wrapping

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

134.0.4

Design tokens version

No response

Relevant browsers

Microsoft Edge

Relevant OSs

MacOS

Additional context

No response

Confidentiality

nineteen88 commented 1 month ago

FE-6677

carbonci commented 4 days ago

:tada: This issue has been resolved in version 141.0.7 :tada:

The release is available on:

Your semantic-release bot :package::rocket: