Skip to main content
Visit Freshworks.com Visit Freshworks

I have developed a custom CCP application for Amazon Connect using the Streams library. When deploying it as a custom app in Freshservice, I encountered a login issue. After entering credentials in the login popup, the page remains unresponsive. The browser console shows an error related to the iframe's sandbox attribute. Modifying the attribute by including "allow-top-navigation-by-user-activation" resolved the issue. It appears that the default Freshservice source code lacks the necessary flag for iframe navigation.

Seeking community support to address this issue. Any insights, guidance, or best practices for integrating custom apps or iframes into Freshservice would be highly appreciated. Attached are the source code, screenshots of the encountered errors.
 

Freshservice source code
Login popup console

 

As you already noted, adding the allow-top-navigation-by-user-activation flag to the iframe sandbox attribute resolves your problem, as it allows the iframe to navigate the top-level browsing context.

To properly guide you, I'll need to know how you're currently adding the iframe into your Freshservice app. Usually, iframe code is added to an HTML page. For instance:

<iframe src="https://www.yourcustomapp.com" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>


In this case, you would adjust the sandbox attribute like so:


<iframe src="https://www.yourcustomapp.com" sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-top-navigation-by-user-activation"></iframe>


It seems like the primary issue lies within the Freshservice application and not the custom CCP application. If Freshservice is not providing an option to modify the sandbox attribute of the iframe, then it might be necessary to request that they enable this feature.

Reply


Terms of Use