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

fix(Dropdown): fix HTML structure when inside InputGroup #5713

Merged
merged 1 commit into from
May 14, 2021

Conversation

kyletsang
Copy link
Member

Follow-up to #5351. This fixes the incorrect HTML being rendered.

When dropdowns are inside input groups there are a few differences in the markup.

  1. There is no wrapping .dropdown element
  2. The .show class is on the button toggle
  3. Dropdown menus must always be rendered because the css uses nth-last-child to remove the inner border radius

This approach uses a context to determine if we're inside an input group. Also added a segmented button example.

@kyletsang kyletsang added this to In Progress in v5 support via automation Mar 10, 2021
@kyletsang kyletsang requested a review from jquense March 10, 2021 18:08
@kyletsang kyletsang added the Bootstrap 5 Bootstrap 5 label May 12, 2021
@kyletsang kyletsang merged commit d4b086a into bs5-dev May 14, 2021
v5 support automation moved this from In Progress to Done May 14, 2021
@kyletsang kyletsang deleted the fix/input-group-dropdown branch May 14, 2021 00:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bootstrap 5 Bootstrap 5
Projects
No open projects
v5 support
  
Done
Development

Successfully merging this pull request may close these issues.

None yet

2 participants