Support » Fixing WordPress » Help with iframe problem

  • Hi,

    I wonder if anyone can help.

    I would really appreciate someone’s time.

    This iframe embedded in this page does not work on iPad on this WordPress page. The iframe contents freeze and its buggy. Can anyone help me with a solution. When you click on any of the fields in the embedded form the form fields are often frozen, don’t work, and don’t accept any input.

    I contact WuFoo but they say it’s a WordPress issue.

    Any help would be super appreciated,

    Best wishes

    Chris Skelton.

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Stef

    (@serafinnyc)

    You might need to add something like

      input, input:before, input:after {
          -webkit-user-select: initial;
          -khtml-user-select: initial;
          -moz-user-select: initial;
          -ms-user-select: initial;
          user-select: initial;
     } 

    Hi Stef,

    Thank you SO much for replying! I really appreciate your time and help.

    My knowledge of coding so apologies for my ignorance – where about’s would I put that code? is it CSS?

    Many thanks in advance for any help,

    Chris Skelton.

    Stef

    (@serafinnyc)

    You’re welcome. No need to apologize. We all started knowing nothing but we had a dream. Something like that.

    If you’re in the backend of WordPress goto Appearance > Customize > Scroll Down A Bit > Additional CSS and add this there. Click Publish and then on any device you’ve been viewing the site on, iPhone or iPad you’re going to have to clear cache.

    For that you’re going to go to which ever browser you were using to view it in, let’s take Safari for instance and click the book icon and then clear.

    Another easy way to see CSS changes is to open a Private browser or if using Chrome “incognito”

    Enjoy!

    Hi Stef,

    Thanks! I’m on it! I appreciate your help. Yes, and you are correct – we all started knowing nothing – and everything we do know came through the help of others – whether verbally, written down, example, or through our own contemplation.

    Ok, I’ll get to it and see if it works 🙂

    Best wishes,

    Chris Skelton.

    Stef

    (@serafinnyc)

    You got that right!

    Have a good one!

    Hi Stef,

    I tried the CSS but it still doesn’t quite work quite correctly. The difficult thing is that it works sometimes and not others. I find the same results on iPhone and iPad.

    https://meditationinsarasota.org/events/purification-through-meditation/#booknow

    I made a quick video to see in action how it doesn’t work but I don’t think I can attach it here.

    So I uploaded to drop box and made a link.

    https://www.dropbox.com/s/6nvsotxa496pi59/video.MOV?dl=0

    Any ideas?

    Thanks for any help,

    Chris Skelton.

    Stef

    (@serafinnyc)

    Great. Did you clear cache before testing? If not do another video where you show me how you’re clearing cache? 😁

    Hi Stef,

    Thanks for your reply! Sorry for my delayed reply.

    This is me clearing the cache:

    https://www.dropbox.com/s/8ywn9z80bpcrvvf/IMG_0732.MOV?dl=0

    This is me then accessing the booking form:

    https://www.dropbox.com/s/exw7hjrf22xyos0/IMG_0735.MOV?dl=0
    This is form we have inside iframe:

    https://meditationinsarasota.org/events/freedom-stress-anxiety/

    You will see from video it gets stuck (but doesn’t all the time – which is weird). It happens on iphone and ipad. Could it be problem with ipad and iphone?

    I’m definitely touching the screen correctly on the ipad – if you look to the right of the form when i touch the screen – something happens when I touch the screen (it gives some notes on how the field should be completed). But it just doesn’t bring up the keypad automatically so the field can be completed.

    Any help appreciated!

    Best wishes,

    Chris Skelton.

    • This reply was modified 4 months, 2 weeks ago by  kelsangchodor.
    • This reply was modified 4 months, 2 weeks ago by  kelsangchodor.
    Stef

    (@serafinnyc)

    Hey Chris. I couldn’t view the video. No matter.

    Can you add that iframe to a new page with nothing on it? No sidebar, no anything. I’d like to see if you’re able to use it there. I did notice that some pointer events were missing. Anyway, embed that into a totally new page. Don’t add it to the menu or anything like that and then test it out.

    I had to make a few changes to links the previous post and then I got this message:

    “This post has been held for moderation by our automated system and will be manually reviewed by a moderator.”

    I wonder if when they are moderated – you will then be able to use the links to the video.

    Meanwhile, I will do as you suggested.

    Thank you!

    Stef

    (@serafinnyc)

    Your url was approved. Its just that I can’t open it. It’s okay though. We’ll run thru this test first.

    Hi Stef,

    I created the most basic page for the WuFoo iframe form.

    (You said: “Can you add that iframe to a new page with nothing on it? No sidebar, no anything. I’d like to see if you’re able to use it there. I did notice that some pointer events were missing. Anyway, embed that into a totally new page. Don’t add it to the menu or anything like that and then test it out”)

    Here it is:

    http://meditationinsarasota.org/17974-2/

    And still – it does freeze occasionally – so same problem there…

    I’m at a bit of a loss with this one…sorry it took my so long to reply to your previous post.

    Thanks again for any advice you can offer,

    Best wishes,

    Chris Skelton.

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.