No way to autofocus Widget

Some modalities (like Popup) autofocus when they open, but I can only autofocus the full-screen “embed” form if I use

iframe.contentWindow.postMessage('embed-focus', '*')

However, this is undocumented so feels a bit brittle to me, and I don’t want it to break if something changes about the implementation of the embedded page. Is there a better way?

[mathio]

I did some investigation in our typeform renderrer app. When embed-focus event is sent to the form, it enables autofocus, but does not actually focus the form. For example if you were to embed your form with disableAutoFocus option, you could re-enable it by sending this event. I have raised this improvement with the team responsible for renderrer app and will keep you updated here.

[mathio]

There was an update to the auto focus feature recently: https://github.com/Typeform/embed/pull/521

Now you dont need to post the message manually. You can use the focus() method returned by your embed - eg. from createWidget.

Also, auto focus is disabled by default for widget / standard embeds. It can be enabled via data-tf-auto-focus or autoFocus: true option.

More in my blog post.