AnsweredAssumed Answered

Survey123 geopoint not loading on mobile devices when embedded

Question asked by data.officer on May 27, 2020
Latest reply on Aug 27, 2020 by farmteam

We have a webpage (, within which we have embedded a survey123 form, built using Connect. The embedded form contains a geopoint question. This displays correctly when the webpage is accessed from a PC or laptop, but not when accessed from some mobile devices / via some mobile browers. When a user clicks on the geopoint question to add their location, the map screen goes black (though the address entry still seems accessible). If the form is opened as a standalone item in a web browser ( it performs as expected. Are there any known limitations of browser types supported / unsupported? 


I am using the following iframe html code:

<div class="embed-container" style="height: 1500px;"><iframe width="680" height="2200" name="survey123webform" frameborder="0" marginheight="0" marginwidth="0" title="Amphibians and reptiles in your garden" src="//" allow="geolocation; camera"></iframe></div>



Screenshots of the issue

Accessing via the embedded form on our website from a mobile device:


Accessing via the direct link to the Survey123 webform on a mobile device:


As an example, on my own phone (Samsung Galaxy S5 Neo, Android) it does not work in the following browsers:

- Google Chrome version 81.0.4044.138 (address entry displays, but map is black)
- Samsung Internet version (address entry displays, but map is black)
- Microsoft Edge version (address entry displays, but map is black)

Functions correctly in:
- Mozilla Firefox 68.8.1


The issue has also been reported by iPhone 6 users (presumably running Safari), but as it is a public survey, it has been difficult to get feedback and device / browser specifications when issues are occurring outside of internal testing.


Many thanks,