ducksboard / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
http://gridster.net/
MIT License
6.04k stars 1.2k forks source link

z-index problem #544

Open FezVrasta opened 8 years ago

FezVrasta commented 8 years ago

If you have a grid of cards with some dropdown menu inside them, when you open any dropdown menu, it will be covered by the card right below it.

To fix it, you should assign manually a z-index when you generate the CSS to position them. Giving to the col=1,row=1 the higher z-index.

Here a simple LESS mixin I use to generate the z-index manually in my project:

http://codepen.io/FezVrasta/pen/dYGpMb

ps, don't forget to give to gridster a z-index to generate a new z-index stack and prevent collisions with the rest of the app.