Answered

Embed not working in React on mobile

  • 11 March 2022
  • 4 replies
  • 220 views

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!!

 


 

 

icon

Best answer by anujshah 14 March 2022, 14:49

View original

4 replies

Userlevel 7
Badge +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? 

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. 

 

Userlevel 7
Badge +5

Ah, thanks for letting us know, @anujshah ! 

Userlevel 7
Badge +5

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

Reply