Duplicate footer element visible

dclar43

Example here
First time I've used CodePen's new 'project' feature so let me kn ow if that doesn't work properly.

The example is a stripped down version of my actual implementation so there may be a few things(like the date search buttons) that don't work correctly.

The issue I'm having is that select elements, or specifically the button element, using bootstrap-select aren't hidden like other elements when the footer/header is duplicated. Seen here

This appears to be an specific to the bootstrap-select library since normal select elements work fine. In my full version everything seems to work correctly as far as searching goes so it's not the end of the world.

Any suggestions?

allan

I think its a z-index issue. Adding:

table.dataTable.fixedHeader-floating {
    z-index: 10;
}

to your CSS should resolve it.

Allan