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

Adding multiple buttons with dropdowns results in a btn-group class being added #4266

Closed
rjacques opened this issue Oct 16, 2019 · 2 comments · Fixed by #4269, mariazevedo88/hash-generator-js#17 or CloudsdaleGroup/AnimFM#3

Comments

@rjacques
Copy link

@rjacques rjacques commented Oct 16, 2019

Hi,

Please check the fiddle: https://jsfiddle.net/7axtqc8y/

When I add three dropdown buttons, the HTML will render automatically with a class of btn-group which results in a horizontal layout of the buttons (because inline-flex is rendered).

How can I have the 3 buttons as per above fiddle but prevent the additional btn-group class added?

Thanks!

@tmorehouse

This comment has been minimized.

Copy link
Member

@tmorehouse tmorehouse commented Oct 17, 2019

Dropdown trigger buttons are always rendered as an inline element (just like a button is an inline element). Button group class is always added to each wrapper element.

Are you looking to have each dropdown on a separate line?

If so, then add a wrapper div around each dropdown. The div will force each dropdown to be on a new line.

@rjacques

This comment has been minimized.

Copy link
Author

@rjacques rjacques commented Oct 17, 2019

Thank you very much. I think wrapping the button in a <div> is a good workaround!

@rjacques rjacques closed this Oct 17, 2019
jackmu95 added a commit that referenced this issue Oct 17, 2019
…#4269)

* feat(b-dropdown): add `block` support to toggle button

* Update README.md

* Update dropdown.spec.js

* Update README.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants
You can’t perform that action at this time.