Embed causes the webpage to autofocus load on wordpress | Community
Skip to main content
Answered

Embed causes the webpage to autofocus load on wordpress


My website is loading at the bottom of the page where my embedded Typeform is located. I found the guidance:
 

In many cases, embedded typeforms are automatically focused on your website page. ...To disable autofocus on your typeform entirely, locate your embed code within your site code. Add the snippet "data-tf-disable-autofocus" after the "data-tf-widget" attribute in your embed code. Your code should look something like this: 

<div data-tf-widget="ABCDEF" data-tf-disable-autofocus></div>

 

Unfortunately adding this code is not working. This was working fine up until about 2 days ago. I am using the latest version of Wordpress.

Any ideas? 

Best answer by Liz

Thank you! @mathio do you happen to know if they need to add additional code? 

View original

10 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14857 replies
  • September 2, 2022

Hi @Seniorpancho Could you send the URL where you have the form embedded? Thanks!


  • Author
  • Explorer
  • 4 replies
  • September 2, 2022

Absolutely! https://arroyo360.com/finserv/

Give that a try.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14857 replies
  • Answer
  • September 6, 2022

Thank you! @mathio do you happen to know if they need to add additional code? 


  • Author
  • Explorer
  • 4 replies
  • September 6, 2022

As a followup, in the interim, I moved the embedded typeforms to different web pages which is not optimum.  It seems that the autofocus is locked in when it comes to google chrome on desktop. Mobile seems to be fine. 

 

you can test the autofocus on https://arroyo360.com/book-call/

 


Forum|alt.badge.img+3
  • Tastemaker
  • 40 replies
  • September 7, 2022

@Seniorpancho Same issue for me.
Chrome browser on Desktop and also Chrome on Android.
Chrome on iOS is fine.
Other browsers seem to work fine.


  • Navigating the Land
  • 4 replies
  • September 7, 2022

Hola liz! Como estas? Contrate una suscripcion de 48,50 usd solo por un mes sin renovación automatica, y revisando mi tarjeta, me cobran nuevamente la suscripcion la cual no autorice, quisiera darlo de baja y pedir un reembolso ya que no dispongo ese dinero para pagarlo, y no lo contrate de esta forma, necesito tu ayuda, muchas gracias!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • September 7, 2022

Hello @Seniorpancho and @Liz , I dont see the typeform embedded in the page linked above.

However correct param name is data-tf-disable-auto-focus, not data-tf-disable-autofocus (note the extra dash).


  • Author
  • Explorer
  • 4 replies
  • September 7, 2022

thanks Mathio, I will give that a try!!


Gabi Amaral
Ex–Typefomer
Forum|alt.badge.img+5
  • Ex–Typefomer
  • 1778 replies
  • September 8, 2022

Let us know if that works, @Seniorpancho!


  • Author
  • Explorer
  • 4 replies
  • September 8, 2022

I am happy to report that the approach “data-tf-disable-auto-focus”worked like a charm. One little “-” made all the difference. 

 

**Thanks** Mathio and Gabi for staying engaged and helping me solve this. I would recommend that Typeform update their guidance materials to reflect this modified code recommendation.

Thanks and peace to you all.
-----
“The obstacle in the path becomes the path. Never forget, within every obstacle is an opportunity to improve our condition.” - Ryan Holiday (inspired by Marcus Aurelius)


Reply