Instant Apps widgets not responsive when app is embedded

[MichaelHalley]

Hi There

I have many instant apps embedded on my website (URL in an iFrame), which is built with Wix and some of the webapp widgets are unresponsive (Zoom, Layers, Bookmarks, Legend). However, the exact same instant apps are also hosted on a client website and function perfectly.

Example on own website: https://www.forgesa.com/find-your-path/cape-winelands/jonkershoek-nature-reserve

On client website: https://www.capenature.co.za/reserves/jonkershoek-nature-reserve

On other pages on our website we host custom built WAB which are very unresponsive. We would like to migrate these soon to either Experience Builder or Instant apps but if the same responsive issue will occur then we will have to completely reevaluate our migration strategy.

Note: Tested on Chrome on multiple devices.

Any help would be much appreciated!

[KellyHutchins · Accepted solution]

@MichaelHalley  it looks like the widgets you mention are unresponsive because they are underneath an overlay that is part of that page. In this screenshot you can see there is a transparent overlay that is blocking access to the underlying widgets. This overlay is not part of the instant app and must come from the outer page. If you have the ability to change the CSS styles associated with the page you could try adding this rule to hide that overlay

#comp-ls7ub5hd{ display:none;}

[MichaelHalley]

Hi Kelly

Woops! That's embarrassing - thanks for figuring that out!