iPhone tap selects answer on next page where the previous "Next" button was

Support
1

Hello,

I am running a survey using SurveyEngine and have a problem that occurs mainly on iPhone.

When a respondent presses the Next button to go to the next question, the next page sometimes shows an answer option already highlighted. The highlighted answer is exactly in the same screen position where the Next button was on the previous page.

So it looks like the tap from pressing Next is being transferred to the answer option that appears in the same place on the next screen.

This happens only on iPhone (Safari and Chrome). On desktop or Android doesn’t appear.

What we observe:

  • When the next question loads, one answer row briefly appears light orange, as if it has been preselected.

  • This highlight corresponds to the location of the Next button on the previous page.

  • The user did not intentionally select that answer.

What we tried:

  • Removing hover styles in CSS

  • Removing active states

  • Setting -webkit-tap-highlight-color: transparent

  • Making hover and active backgrounds transparent

Is this a known Iphone behavior where a tap carries over to the next page? Is there a recommended fix in SurveyEngine to prevent the tap event from affecting the next question?

image
image535×1161 74.6 KB

2

This looks like a potential logic error in your survey.
So we can resolved this directly in your account without sharing project details here. Can you send the name your account and the name of the survey and page number - with the issue to support@surveyengine.com - the support team can do a deep dive into your account.

Thanks