The embedded Web Editor app cannot be displayed in ArcGIS Experience Builder

Description

In ArcGIS Experience Builder, an embedded ArcGIS Instant Apps Web Editor app cannot be displayed and the notification below is returned in the Embed widget:

ArcGIS Web Editor is not available at this browser size

To get the best experience use it on a laptop or desktop.

Cause

The embedded Web Editor app requires a minimum display width to render correctly. When the iframe in the Embed widget is configured with fixed dimensions or is placed in a device layout that restricts the available width, the app detects the constrained display area and displays a screen size message instead of loading fully.

Solution or Workaround

In the HTML code, remove the height and specify the width of the Web Editor app in the Embed widget.

1. In ArcGIS Instant Apps, copy the HTML code of the Web Editor app. Refer to ArcGIS Instant Apps: Share the app for instructions.
2. Open the experience in ArcGIS Experience Builder.
3. Click the Embed widget to open the Embed pane.
4. On the Content tab, under Embed by, on the Code tab, paste the HTML code in the code block, as shown below:

<iframe src="<WebEditor_URL>" width="400" height="600" frameborder="0" style="border:0" allowfullscreen>iFrames are not supported on this page.</iframe>

5. Remove the height and specify the width to be a minimum of 769 in the HTML code.

Below is the full working HTML code:

<iframe src="https://arcgis.com/apps/instant/webeditor/index.html?appid=5c09db7fb1cd49b185b4496a320f8332" width="769" frameborder="0" style="border:0" allowfullscreen>iFrames are not supported on this page.</iframe>

Note: 
Optionally, remove the app's height and width in the HTML code. This only applies to large screen devices in ArcGIS Experience Builder.

The experience below demonstrates the embedded Web Editor app displayed on a large screen device.