Fancybox modal doesn't work inside iframe -

fancybox modal dialog doesn't work in iphone safari! there reasons?

 <div class="m39-modal" data-component="m39-modal" id="modal_true">     <button data-trigger="true" class="m39-modal__trigger">modal trigger</button>    <div data-content="true" class="m39-modal__container" role="dialog" aria-expanded="false">     <div class="m39-modal__dialog">         <div class="m39-modal__header">             <div class="m39-modal__title">terms &amp; conditions</div>             <button data-close="true" class="m39-modal__button--close">close</button>         </div>         <div class="m39-modal__content">                  <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam ut facilisis metus, varius elementum leo. sed ut justo @ magna pulvinar commodo non quis elit. etiam cursus turpis sagittis sapien vulputate, sed sagittis nisi interdum. suspendisse id neque non elit feugiat luctus. aenean venenatis iaculis gravida. nulla consectetur luctus neque ut fermentum. fusce tellus risus, laoreet lacinia purus sed, tempor interdum nunc. </p><p>phasellus in lorem justo. ut rhoncus turpis @ arcu dapibus, @ lacinia lacus elementum. donec elementum consectetur justo, non hendrerit augue dictum sit amet. interdum et malesuada fames ac ante ipsum primis in faucibus. nam fringilla dui eget orci fermentum, vitae porttitor massa mollis. duis luctus, eros quis vulputate convallis, sapien neque condimentum neque, vitae fermentum turpis sapien in ligula.</p><p>phasellus iaculis odio urna hendrerit, in iaculis odio ultricies. nunc sed lacinia nulla. vestibulum malesuada nunc id sapien volutpat luctus. nam non fermentum metus. nullam fermentum massa ut sem tristique, sed rhoncus leo vestibulum. nullam egestas faucibus hendrerit. duis risus felis, pulvinar eget risus in, dapibus varius metus. vivamus turpis magna, sodales ut consequat at, auctor eu orci.</p>          </div>     </div> </div> 

you can inspect code on iphone safari, modal-dialog not working, on android does. if tried enter link through iphone safari browser http://molham.ae/m39-modal.html

if click on (05) number popup should appear, if try desktop browser work.

i quite issue has to how safari handles transitions. add following css rule in page iframe loads , see if fixes error?

.m39-modal .m39-modal__container, .m39-modal .m39-modal__dialog { -webkit-transition: opacity 0.1s; }