Modal is behind the blocker. about jquery-modal

[pr7vinas]

I did not know this line of code was needed.
$(html).appendTo('body').modal();

So it's settled, although I do not think this is an elegant solution. Is there another way?

[kylefox]

Do you have a publicly viewable test case?

[jondkinney]

I'm having a similar problem with z-indexes when trying to set them higher than the default. I need to do some z-index manipulation on my existing design, so if I extend the defaults and set the zIndex: 10, for instance. Then the overlay works to properly cover my other elements that had 1-9 z-indexes set, but the modal (even though it has a z-index of 11, since it takes the set zindex and increments it by 1) isn't positioned above the overlay. I tried to do this with CSS first using !important to set the z-index of the elements (which also didn't work), so then I thought I'd try dropping to JS to actually change the initial value. Still not dice.

I'm using this code through the https://github.com/dei79/jquery-modal-rails gem and setting the z-index as such:

modal_customizations= {
  zIndex: 10,
}
$.extend($.modal.defaults, modal_customizations)

The z-index does get set properly for the overlay at 10 and the modal at 11, it's just that the modal, even with the higher z-index doesn't show up on top of the overlay.

[jondkinney]

Apparently this bug is a duplicate of #44

[jondkinney]

@pr7vinas can you explain a little more how you use that code you referenced?

$(html).appendTo('body').modal();

Do you execute that when opening the modal I imagine?

[jondkinney]

I think this pull request gets me fixed up dei79/jquery-modal-rails#14

[pr7vinas]

@jondkinney Sorry for the delay to reply.
This line of code is referenced in the documentation. This line is putting the modal at the end of the body, avoiding any problem with index. Yes I run this every time I need to show the modal. The jquery-modal will remove it automatically when the user closes the modal.

[jondkinney]

@pr7vinas thanks for getting back to me. I'm a bit confused though, are you saying you run that line of code manually when executing the code to show the modal? For me, baking it into that line in the pull request fixed it globally... is that a solution you want to explore? Perhaps I'm missing something though. Thanks!

[jondkinney]

@pr7vinas any clarification on this? Again, I needed to alter the gem to make this work... is there a way to achieve this without needing to alter the gem? If not, it seems like that pull request should be merged, right?

Thanks much