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

Issue with input-group-btn and dropdowns when on right side #14293

Closed
neptunecentury opened this issue Jul 31, 2014 · 5 comments
Closed

Issue with input-group-btn and dropdowns when on right side #14293

neptunecentury opened this issue Jul 31, 2014 · 5 comments
Labels

Comments

@neptunecentury
Copy link

I checked around online and here and couldn't find any related issue, so please forgive me if this is already documented.

I seem to have found a problem when adding a dropdown on the right side of the input-group when another button is next to it. The dropdown keeps its rounded corners on the right side.

I re-created it here in this bootply http://www.bootply.com/y5SjNHwvyY

I also documented a second issue in this bootply, but am unsure if it is supported anyway. If I have two dropdowns next to each other in an input-group, they get confused with each other.

Thanks!
And keep up the amazing work!

@cvrebert cvrebert added the css label Jul 31, 2014
@cvrebert
Copy link
Collaborator

Per our input group docs, multiple add-ons/buttons on the same side of an input group are not allowed.
And input-group-btn is only meant to contain one button/dropdown.

@neptunecentury
Copy link
Author

The example shown here http://getbootstrap.com/components/#input-groups under segmented buttons shows the contrary. Multiple buttons/dropdrown IS supported. Maybe not multiple dropdowns on the same side, but button and dropdown most definitely is. As my example bootply shows, it works fine on left side, but the bug happens when the dropdown is on the right side, when the button is on the far right.

@cvrebert
Copy link
Collaborator

Right, the split-button dropdown counts as a single add-on for these purposes.

@cvrebert
Copy link
Collaborator

And the dropdown must go on the right side of the button. See #13150. It's on our list of things to consider addressing in Bootstrap v4 though.

@neptunecentury
Copy link
Author

Ok, thank you for clarifying

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

No branches or pull requests

2 participants