My typeform keeps reloading whenever I scroll anywhere in mobile

Hello Yasir, 

Sorry about your issue I know how frustrated you are. I’ll leave a few solutions which might solve your issue:

1. Try reducing the size of your images and videos to see if this resolves the issue.
2.  Try reducing the number of questions to see if this resolves the issue.
3. Try testing your Typeform on different mobile devices to see if the issue persists.
4. If there are JavaScript errors on your Typeform, it can cause the form to re-render when you scroll on a mobile device. Check the console for any JavaScript errors and fix them. - If you can't code/debug just ignore this one. 

If all of these this does not help are two solutions left

1. Contact Typeform Support for assistance. They can help diagnose the issue and provide a solution.
2. Create a new Typeform ( with 2 questions) to see if it’s a general issue. If not try making a new copy of the former quiz - for each question published refresh to make sure you spot the issue.

Hope it helps.

Hi @Liz ,

Problem I am facing is that whenever my users open my type form on my website it starts re-rendering. This issue is faced mostly on mobile devices but it also happened on desktop a few times while testing. I integrated type form on my website 1 and half year ago and back then it worked well and even 6 months before we published a feedback and type form was working fine. Suddenly from last 2-3 months type form has started acting weird with the re-rendering issue.

I am using type form version

"@typeform/embed-react": "^1.12.0",

Initially I thought maybe if I upgrade my type form library version the issue will resolve but even with the latest type form version I was getting the same issue. So far what I have found through my debugging is that if I pass onSubmit function to type form then this issue is happening. If I remove the onSubmit function then type form works fine but I need this onSubmit function to perform certain database changes. 
 

<Widget hidden={hiddenFields} onSubmit={onSubmit} id={formId} className="feedback-form" />

Here is the link of my website where you can take a look at the issue (make sure to open this website from mobile device). : My Website

I need to publish another survey to my users after a month that’s why it is very important that I get this problem fixed otherwise I’ll have to look for type form alternatives and implement them which is not I want.

Glad to hear it, @yasir ghouri ! Let us know if we can help with anything else. 😀

const handleSubmit = useCallback(() => {

    // Your function which you wan to call on submit    

}, []);

and then pass this function in the prop of onSubmit

Hi Liz,

the site is still in development. There are 6 forms embedded like this:

https://staging.addupp.nl/rapid-reviews/risico-management/