Twitter Bootstrap Question posted in

Twitter Bootstrap Button dropdown z-index layering issue

I’ve been pounding and pounding on this.
I have a comment section on my site with an option to edit with a Twitter Bootstrap dropdown button, but I as you can see below, it’s hidden by the following comments.

enter image description here

I know it’s not an overflow issue, as you can see the bottom of it under the last comment. So it can only be z-index layering issue. But I put all the comments on z-index: 4 and the dropdown on z-index: 1000, so I have no idea what to do!

Here is a jsFiddle: http://jsfiddle.net/ssL1yydx/29/

Tags:

2

Answers


  1. 0

    Just have to change/add this css property

    Css:

    .post{
      -webkit-animation-fill-mode: none !important;
}

    Fiddle: http://jsfiddle.net/ssL1yydx/31/

    Login or Signup to reply.
  2. 0

    Try removing: 

     .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search