search

Kris-B / nanoGALLERY

image gallery simplified - jQuery plugin. Touch enabled, responsive, justified/cascading/grid layout and it supports pulling in Flickr, Google Photos and self hosted images.
https://nanogallery2.nanostudio.org/
438 stars 101 forks source link

set z-index to display 2 elements on top of all others breaks bootstrap Modals #41

Open macsupport opened 10 years ago

macsupport commented 10 years ago

When I include a Bootstrap 3 modal on a page with nanogallery, the "set z-index to display 2 elements on top of all others" function allows thumbs to show thru the modal (usually after hover). Any workaround for this?

Kris-B commented 10 years ago

This is dependant of the selected hover effect. I do not have any workaround for the moment (except using another hover effect), but I'll check if this issue can be solved.

macsupport commented 9 years ago

Any update on this? Seems like an important issue considering the number of web sites out there using Bootstrap.

vbanuelos commented 8 years ago

@macsupport -- I had to create similar functionality, and as a workaround set the z-index for the modal whenever it shows. 

$('#yourModal').css('z-index', parseInt($('#nanoGalleryViewer').css('z-index'), 10) + 1);
macsupport commented 8 years ago

@vbanuelos Thanks but not working for thumbnails after hovering for me. They still have a z-index above the modal. Also, this occurs not just in Bootstrap but other modal plugins as well. I can delete the code in nanogallery.js that sets the index higher:

    jQuery(elt2).css('z-index',highest_index+1);
     jQuery(elt1).css('z-index',highest_index);

but this really should be fixed, IMHO.