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.

Button group with outlined buttons & dropdown does not round if dropdown is last

See original GitHub issue

<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  <a class="btn btn-outline-secondary" href="#" role="button" data-toggle="tooltip" title="Hide avatars"><i class="fa fa-eye-slash"></i></a>

  <div class="btn-group" role="group">
    <button class="btn btn-outline-secondary" type="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Mod tools"><i class="fa fa-cog"></i></button>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
      <a class="dropdown-item" href="#">Edit</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#mdlRemoveFeedItem">Remove</a>
    </div>
  </div>
</div>

Issue Analytics

State:
Created 6 years ago
Comments:9 (3 by maintainers)

Top GitHub Comments

2reactions

andresgalantecommented, Sep 8, 2017

Found it ! #22926 Thanks @Johann-S 😄

1reaction

Johann-Scommented, Sep 8, 2017

they are a PR for that @aolko (make the caret optional)

Top Results From Across the Web

Rounded corners on button group lost with dropdown

Bootstrap removes the rounded corners of the right side of elements within a btn-group except for the last element.

Dropdowns · Bootstrap v5.0

Overview. Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap ...

Split dropdown button width in .btn-group-vertical broken

If the dropdown button is the only child of the .btn-group-vertical , border rounding is broken. Need better selectors to handle this edge...

DropdownButton class - material library - Flutter - Dart API docs

A dropdown button lets the user select from a number of items. The button shows the currently selected item as well as an...

Bootstrap Buttons - examples & tutorial

Responsive Buttons built with Bootstrap 5. Multiple predefined button style classes: button link, outline, round button, social, floating, fixed & more.