MultiActionButton dropdown is aligned to the right side of the button #6705
Labels
Comments
|
Just to add if left aligned is default, we should still add an option to right align if the design requires it (outside of auto position based on screen) |
|
FE-6538 |
nuria1110
added a commit
that referenced
this issue
May 7, 2024
Add a position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 7, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
14 tasks
nuria1110
added a commit
that referenced
this issue
May 8, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 8, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 13, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 13, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 13, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 14, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
nuria1110
added a commit
that referenced
this issue
May 16, 2024
Adds position prop to allow consumers to specify on which side the menu is aligned to when opened. fix #6705
|
🎉 This issue has been resolved in version 135.1.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
When the dropdown is wider than the button itself, it is aligned to the right side of the button while the DS aligns to the left (it is also more natural). Note that align property of the component has no effect on that.
From the discussion:
"i'd recommend using left aligned (minor button example in your screenshot) for path to completion and legibility reasons. Only when there's not enough space (right side of screen) should we align right."
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-msdduz?file=src%2FApp.tsx
Steps to reproduce
No response
JIRA ticket numbers (Sage only)
No response
Suggested solution
No response
Carbon version
133.0.5
Design tokens version
No response
Relevant browsers
Chrome
Relevant OSs
MacOS
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: