Support » Plugin: WP Post Popup » Support for Safari IOS

  • Resolved akiakiakiakiaki


    Didn’t work for me on IOS Safari (iPhone/iPad) since modal needs to activate the webkit css “-webkit-overflow-scrolling: touch” option. for that it’s necessary that also the <html> element is “position: fixed”. looks like IOS Safari does not allow wo set the position of html element to fixed so it stayed “static”. Adding also “-webkit-transform: translate3d(0,0,0);” to the <html> element did the trick for me. i also had to edit wp-post-modal-public.js to add a “no-scroll” class also to the <html> not only <body>. would be nice to find this feature in a future update of your plugin

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author allurewebsolutions


    Does this code fix it for you?, {
        position: fixed;
        overflow: hidden;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);

    Yep, that’s it. Only difference: I added the -webkit-transform only to the html element, to prevent unnecessary side effects that may be occur on the body element. reviewing my styling, i found that I gave the html-tag a position: fixed !important; but not sure if that’s necessary.

    Would be amazing to find this feature in future updates

    you can see and try it in action here if it helps

    Plugin Author allurewebsolutions


    Yes, I will include these fixes in the next release. Thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Support for Safari IOS’ is closed to new replies.