I have really bad situation. I have my custom div which I m showing under page. The only issue I have at moment that it's not working on iPad. The overlay covers the popup even after I have proper z-index to both element.

This issue only facing with iPad safari. On other browser it's working fine. I found one solution where I need to shift my popup next to or near by overlay div which is not possible for me due to binding context of knockout.js

The issue snap [![enter image description here](https://i.stack.imgur.com/FxLaB.png)](https://i.stack.imgur.com/FxLaB.png)

here as you can see the attached image the opened calender is behind the overlay gray div.
[![enter image description here](https://i.stack.imgur.com/iHJz3.png)](https://i.stack.imgur.com/iHJz3.png)

Below is the html structure where the higlited is the calender container & at last overlay div.

Let me know if some can suggest me some good idea to deal with this.