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

  • Resolved akiakiakiakiaki

    (@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

    (@allurewebsolutions)

    Does this code fix it for you?

    html.no-scroll,
    body.no-scroll {
        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 https://cpf-freiburg.com/en/products/dietary-supplements/ if it helps

    Plugin Author allurewebsolutions

    (@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.