Preventing auto-scrolling for Typeform embeds

Last updated: October, 7 2022

Typeform has an aggressive “auto-scroll” feature that sometimes causes the page to jump directly to the post with a Typeform embed. To prevent this from occurring, add the below URL extensions to the embed URL to disable auto-scroll:

Option 1

Add the following extension after the typeform URL:

?disable-auto-focus=true

Example: If embedding directly into a post using a URL, here is an example of how the URL will look:

https://form.typeform.com/to/S2fQuquD?disable-auto-focus=true

Option 2

If you are embedding using our custom HTML block, this is an example:

data-tf-disable-auto-focus

Example:

<div data-tf-widget="S2fQuquD" data-tf-disable-auto-focus data-tf-iframe-props="title=Circle test quiz" data-tf-medium="snippet" style="width:100%;height:400px;"></div><script src="//embed.typeform.com/next/embed.js"></script>;

Relevant articles