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

[Bug]: OverflowMenu is not square when size="sm" #14718

Closed
2 tasks done
paul-balchin-ibm opened this issue Sep 26, 2023 · 0 comments · Fixed by #14719
Closed
2 tasks done

[Bug]: OverflowMenu is not square when size="sm" #14718

paul-balchin-ibm opened this issue Sep 26, 2023 · 0 comments · Fixed by #14719

Comments

@paul-balchin-ibm
Copy link
Contributor

Package

@carbon/react

Browser

Chrome

Package version

1.38.0

Description

The OverflowMenu's trigger is square when the size is set to "lg" or "md", but tall when the size is set to "sm".

See attached images.

Screenshots

Large (correct)

Medium (correct)

Small (incorrect)

Steps to reproduce

  1. Go to https://react.carbondesignsystem.com/?path=/story/components-overflowmenu--playground
  2. Select Controls tab
  3. Scroll down to "size" prop
  4. Change size to "lg" and hover over preview of OverflowMenu's trigger, it's square.
  5. Change size to "md" and hover over preview of OverflowMenu's trigger, it's square.
  6. Change size to "sm" and hover over preview of OverflowMenu's trigger, it should be square, but instead it's "tall".

Code of Conduct

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants