Bootstrap button dropdown hides into overflow

Question

My dropdown button hides into a overflow div, see the image, before I click on the button.

Image below I clicked on the button

Look there, dropdown-content is into my 'overflowed' div, how I resolve that?
I'm using bootstrap 3.4.
I created my own dropdown menu already, but I get the same problem.

Can you show us your html so we can check if you're adding the correct classes? — Marvel Moe
– Marvel Moe, Commented Oct 7, 2017 at 22:55

sbr · Accepted Answer · 2017-10-07 23:29:55Z

2

You are hiding overflow for all the elements in users class.

.users .user > * {
    overflow: hidden;
}

you can remove it if not needed. or keep that and overwrite as

.users .user .control {
  overflow: visible;
}

here is a working codepen

answered Oct 7, 2017 at 23:29

sbr

6448 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Marcelo Over a year ago

codepen.io/thecodermarcelo/pen/KXoPNX Now the dropdown content of the first of the list is under of the second of the list

sbr Over a year ago

take out the z-index: 1; from .users .user > * styles. here is the working codepen. codepen.io/anon/pen/pWLzwp

Collectives™ on Stack Overflow

Bootstrap button dropdown hides into overflow

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related