Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ButtonGroup does not use fill widht

See original GitHub issue

<ButtonGroup /> does not use full width on mobile when placed in a standard <GridCol/>. In this case its because the <GridCol/> has a display: flex. In the documentation this is not an issue.

Is this something that should be fixed? I would assume it standard to use the <ButtonGroup /> as child of <GridCol/> in real life applications.

Issue Analytics

State:
Created 5 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

antidecafcommented, Sep 24, 2018

Turns out buttongroups do not occupy 100% width by default after all. PR coming up!

0reactions

pethelcommented, Sep 24, 2018

The TertiaryButton is not present and rendered in another component. Well then I have to investigate more

Top Results From Across the Web

How to get button groups that span the full width of a parent in ...

Correct solution for Bootstrap 4 and Bootstrap 5 (from Bootstrap 4 migration documentation):. Removed .btn-group-justified. As a replacement you can use ...

“Button Group” not fit into several lines themselves to screen ...

“Button Group” do not shrink, do not become in several lines themselves, do not adjust to the width of the screen. If not...

stacked button groups are always expanded #10693 - GitHub

Note that on larger than medium, it is fixed, only the expanded buttongroup is sized full width, stacked-for-medium buttons are auto sized as...

button group in full width? - YOOtheme Support

I have 6 buttons in a row. If I change class="uk-width-1-1" to class="uk-width-1-6" the buttons will appear as column!

Button Group | Foundation for Sites 6 Docs

Add the .expanded class to the container to make a full-width button group. Each item will automatically size itself based on how many...