[NSFW] Input fields vanish on certain mobile devices.

  • First thanks for a great great plugin! Second thank you for your prompt responses that I’ve seen throughout the forum.

    My issue is only apparent to me on certain devices like my iPhone 8, and a few other phones I’ve tried. When I go to input my DoB, the input fields as well as what looks like the entire form/foreground disappear. I can see my background image and background overlay. And the text cursor blinking. When done I can’t see submit. Sometimes reloading works, but that’s not good UX. Sometimes tapping the url bar makes it reappear.

    This has been an issue for about two months. I’ve changed settings trying to find the culprit to no avail. Even removed the background color and images. And of course cleared my cache each time.

    Any idea? I’d sure appreciate the help Lol your plugin is the only one that fits my exact needs! Thank you again for that.

    PS theme is storefront

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Phil

    (@philsbury)

    Hi @tmivdesign,

    Thanks for your thanks! ??

    I’ve done some testing on older phones and can’t reproduce it – though they were mostly simulated but also a real iPhone 5s running iOS 12 and it all worked well for me.

    I did do some inspecting of the css and fiddled around a bit, are you seeing something like this? https://imgur.com/AoDXPSq

    It’s most likely some conflicting styles somewhere. If it’s like the above, I’d target them while age gate is open (there’s a class of .age-restriction on the body) and hide them or reduce their z-index just while age gate is open.

    I have seen on some devices them not liking the positioning on body.age-restriction, html.age-gate-restricted which is set to fixed in age gate. You could change that to absolute/relative and the allow the overflow again which could sort it out, e.g.

    
body.age-restriction,
html.age-gate-restricted {
  position: static;
  overflow-y: scroll; 
}

    Give some of those a try and see if it helps

    Thanks
    Phil

    Thread Starter tmivdesign

    (@tmivdesign)

    Thanks for the response Phil. I will try your method. Of course after making this post I continued to nip away at it. I removed the background image and color completely and then added my own via css. I’m almost positive it’s a styling conflict.

    I’ll also try your method, just to see if it works.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[NSFW] Input fields vanish on certain mobile devices.’ is closed to new replies.