Select to view content in your preferred language

Survey123 Webform in iframe blocked by Chrome Local Network Access (PNA) when accessing Enterprise Server

287
2
Jump to solution
a week ago
Bernd_Loigge
Regular Contributor

Hi,

Our setup:
We have a custom Angular application (hosted by us) that embeds a Survey123 Webform inside an <iframe>. The Webform connects to our ArcGIS Enterprise Server which—when accessed inside the company network or via VPN—resolves to an internal IP address. Since the latest Chrome update (version 142.x) and the introduction of the new Local Network Access restrictions, the Webform no longer works.

What we have already tried:

  • Adding allow="local-network-access" and allow="local-network-access *" to the <iframe>

  • Sending Access-Control-Allow-Private-Network: true from our web server

  • Adding a CSP header such as Content-Security-Policy: frame-ancestors 'self' https://survey123.arcgis.com ...

As far as we understand, the root cause is that Chrome now blocks network requests made by a public origin inside an iframe (https://survey123.arcgis.com) to a private network resource (our internal ArcGIS Enterprise server).

At the moment, the Webform only works if we manually disable the Chrome PNA flags, but this is a temporary workaround and will eventually be removed.

Are we correct that the only long-term solution is to host the Webform (or Survey123 functionality) on our own server, or is there any other supported approach?

1 Solution

Accepted Solutions
Ruth_JiatengXu
Esri Regular Contributor

Hi @Bernd_Loigge ,

As I replied here: https://community.esri.com/t5/arcgis-survey123-questions/survey123-connection-blocked-in-chrome-afte... you can use the Survey123 JS API, and it will set the allow attribute on the iframe automatically.

If you would like to host the webform on your server, you can check this blog about Survey123 website installer https://community.esri.com/t5/arcgis-survey123-blog/understanding-the-survey123-website-installer/ba.... However, for this Local Network Access restrictions issue, I still recommand useing the Survey123 JS API. There is no need to use the website installer, which has some limitations like not supporting the report service or Survey123 Assistant.

Thanks,

Ruth

View solution in original post

2 Replies
Ruth_JiatengXu
Esri Regular Contributor

Hi @Bernd_Loigge ,

As I replied here: https://community.esri.com/t5/arcgis-survey123-questions/survey123-connection-blocked-in-chrome-afte... you can use the Survey123 JS API, and it will set the allow attribute on the iframe automatically.

If you would like to host the webform on your server, you can check this blog about Survey123 website installer https://community.esri.com/t5/arcgis-survey123-blog/understanding-the-survey123-website-installer/ba.... However, for this Local Network Access restrictions issue, I still recommand useing the Survey123 JS API. There is no need to use the website installer, which has some limitations like not supporting the report service or Survey123 Assistant.

Thanks,

Ruth

Bernd_Loigge
Regular Contributor

For anyone else: We have been on an old version of the JS API. The problem was that we set the "allow attribute" manually after it was initialized (which is done by the JS API). It is also important to be on the newest version of the Survey123 JS API 3.24.x