title: Even after setting proper z-index it's not working on ipad safari.
body: <p>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.</p>
  <p>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</p>
  <p>The issue snap <a href="https://i.stack.imgur.com/FxLaB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FxLaB.png" alt="enter image description here" /></a></p>
  <p>here as you can see the attached image the opened calender is behind the overlay gray div.
  <a href="https://i.stack.imgur.com/iHJz3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iHJz3.png" alt="enter image description here" /></a></p>
  <p>Below is the html structure where the higlited is the calender container &amp; at last overlay div.</p>
  <p>Let me know if some can suggest me some good idea to deal with this.</p>