Answered

Embed not working in React on mobile

I am using typeform react embed library and it is working great in my app when testing on desktop. I test in both desktop and mobile views on chrome.

When I then load my app on my iPhone the form does not work. The Sidetab appears but when clicked only the “X” shows up.

NOTE: this issue happens when normally embedding typeform in html as well.

Please help!!

Best answer by anujshah

Hi Liz - the issue was that typeform doesn’t whitelist localhost on mobile browsers so that is why the form was blocked in the iframe.

+5

Hi @anujshah Welcome to the community! Do you have the form public anywhere so we can test it or access to the code somewhere so we can take a look?

Life is a series of awkward moments separated by snacks.

Hi Liz - the issue was that typeform doesn’t whitelist localhost on mobile browsers so that is why the form was blocked in the iframe.

+5

Ah, thanks for letting us know, @anujshah !

Life is a series of awkward moments separated by snacks.

+5

@anujshah Yes, thank you for letting us know. How did you find out this was the issue?

Everyone you meet is fighting a battle you know nothing about. Be kind. Always. =)

Sign up