ColVis 1.5.1 bug with Bootstrap 3 carousel

tom99

When I have a datatable with ColVis 1.5.1 inside a div with class="carousel-inner" of Bootstrap 3, then the column chooser popup closes when I click on an entry and the chosen column will not hide.

It works fine with Buttons/ColVis 1.4.0.

Example: http://jsfiddle.net/cn5hjpew/

Thanks!

Edit:
Just saw that there is a ColVis category. I don't see how I can post there.

colin

Hi @tom99,

Take a look at this example here - it's working now. I used MichaelD's response on this SO thread , the problem was the inner wasn't on a higher layer than the base carousel.

Cheers,

Colin

tom99

Thank you! I wonder why this was working OK with ColVis 1.4.0.

colin

Hi @tom99 ,

Yep, agreed, it did work before without needing a change, I just tried it. We'll take a look and report back,

Cheers,

Colin

allan

To improve accessibility, in Buttons 1.5 I moved the dropdown list to be appended to the document immediately after the trigger button. That does have the disadvantage of potentially needing to adjust the z-index of elements, like in Colin's solution.

Allan