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

refactor(Dropdown)!: simplify menu alignment API #5759

Merged
merged 1 commit into from
May 8, 2021

Conversation

kyletsang
Copy link
Member

This PR simplifies the menu alignment API by consolidating alignRight and menuAlign props into a single align prop that's exposed on the Dropdown and DropdownMenu components.

A couple breaking changes in here:

  1. Remove alignRight from Dropdown and DropdownMenu
  2. Remove menuAlign from DropdownButton and SplitButton

Also fixed a couple of things I noticed while refactoring:

  1. Added support for XXL breakpoint for responsive menu alignment
  2. Fix broken responsive alignment by adding data-bs-popper to the DropdownMenu. Bootstrap now uses this attribute in their css to do the alignment

BREAKING CHANGE: removes alignRight and menuAlign props in favor of align
@kyletsang kyletsang added this to In Progress in v5 support via automation Apr 5, 2021
@kyletsang kyletsang merged commit 8a7e095 into bs5-dev May 8, 2021
v5 support automation moved this from In Progress to Done May 8, 2021
@kyletsang kyletsang deleted the refactor/dropdown-align branch May 8, 2021 20:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
No open projects
v5 support
  
Done
Development

Successfully merging this pull request may close these issues.

None yet

2 participants