Mobile Screen Flicker on Text Input Field

  • Resolved acdesigns

    (@acdesigns)


    3 years, 8 months ago

    Hello,

    When I view the form I created on my iPhone, I noticed that when the cursor is active in the text input field (and sometimes the checkboxes too), the screen starts to flicker and jitter.

    It may not flicker immediately, but if I have clicked into multiple text input fields, it will occur. The flicker disappears once I have left the input fields.

    I tested this on two different iPhones and the same problem appears.

    I tried changing some of the troubleshooting area settings but it didn’t fix it.

    Can you please advise what the potential issue may be?

    Thank you

    • This topic was modified 3 years, 8 months ago by acdesigns.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @acdesigns

    What browser are you using? I have not been able to reproduce the issue from my side. However, in a public website, the styles defined by the theme active on your WordPress or other plugins can affect every tag on the page.

    Best regards.

    • This reply was modified 3 years, 8 months ago by codepeople.
    Thread Starter acdesigns

    (@acdesigns)

    Thank you very much for your quick reply.

    The issue appears on both iOS Safari and iOS Chrome.

    When testing the form directly at that link you sent, the issue is not present.

    So it’s likely some conflict with a theme or plugin as you mentioned.

    Could you please remove the link to my site from your last message as it’s still in development? Thank you.

    Plugin Author codepeople

    (@codepeople)

    Hello @acdesigns

    There are multiple reports about flickering on iPhones (reports not related to our plugin) caused by animations and overflow CSS rules, and possible solutions by using the CSS rules:

    

-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;

    Once you detect the plugin or code in the theme causing the flickering, please share your solution with the rest of us. Thank you very much.

    Best regards.

    • This reply was modified 3 years, 8 months ago by codepeople.
    Thread Starter acdesigns

    (@acdesigns)

    Thank you very much for the CSS suggestion.

    That seems to have fixed the issue for now.

    If I find the root cause, I’ll definitely let you know.

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile Screen Flicker on Text Input Field’ is closed to new replies.