Embedded QuickSight (React iframe): Shift+Enter opens “Summary / Executive Summary” overlay inside visual and breaks/crops visuals after closing

[libinmathew]

Summary

We embed QuickSight content inside a React application using iframe embed URLs generated by the QuickSight API. Our dashboard sheet contains multiple visuals (line, bar, etc.) and some are embedded in small containers.

Even though we disable Shift+Enter in the host React app, pressing Shift+Enter while focus is inside the embedded QuickSight iframe opens a “Summary / Executive Summary” (summary page/overlay) for the visual. Because the embedded visual is small, the summary UI is partially visible / clipped, which degrades our UX.

Additionally, after closing this overlay/dialog, the existing embedded visual becomes cropped/cut off / layout breaks until we refresh/reload.

We attached a screenshot showing:

1. the summary overlay opening inside the small embedded visual, and
2. the visual getting cut off after closing the overlay.

What we’re doing

• Create dashboard with a single sheet containing multiple visuals
• Use QuickSight embedding APIs to generate iframe URLs (e.g., for registered/anonymous embedding)
• Pass embed URLs to frontend and render in React
• Some embeds have small fixed dimensions (example: ~350x250)

Steps to reproduce

1. Create a QuickSight dashboard with a sheet containing multiple visuals (bar/line/etc.).
2. Embed the dashboard/sheet in a React app using an iframe embed URL (generated using QuickSight SDK/API).
3. Set the iframe/container to a small size.
4. Add a key handler in the host page to block Shift+Enter (example below).
5. Click inside the embedded dashboard/visual to focus it.
6. Press Shift+Enter.
7. Observe a Summary/Executive Summary overlay opens inside the iframe (clipped).
8. Close the overlay/dialog.
9. Observe the embedded visual becomes cropped/broken (layout doesn’t restore properly).

Expected behavior

• Ability to disable the “Summary/Executive Summary” overlay (or the keyboard shortcut that triggers it) for embedded experiences.
• Closing any QuickSight modal/overlay should restore the visual layout correctly (no cropping/broken visuals).

Actual behavior

• Shift+Enter opens a summary overlay inside the embedded content even if blocked in the host page.
• Overlay is clipped due to small iframe.
• After closing overlay, the visual sometimes renders cut off / broken until refresh.

Questions / help needed

1. Is there a supported QuickSight embedding configuration to disable this summary overlay / “Executive Summary” interaction for embedded dashboards/visuals?

   • We saw that Executive Summary can be enabled for embedded dashboards via feature configuration / embedding settings. Is there a way to explicitly disable it for embedded experiences?

2. For the layout breaking/cropping after closing, is this a known issue? Any recommended settings/workarounds (auto-resize, size changed events, etc.)?

   • We noticed the embedding SDK supports options related to resizing and handling modals (e.g., resizeHeightOnSizeChangedEvent, modal events).

Additional notes

• We already tried disabling visual context menu / visual menus where applicable, but this specific overlay still appears via keyboard.
• Screenshot attached.

[Brett]

Hi @libinmathew and welcome to the Quick Suite Community!
Is the ‘executive summary’ feature something that you want to include as an available option on any of your embedded visuals/dashboard?
I know you mentioned that you tried disabling visual context menus where applicable but have you tried switching off the executive summary option overall to see if that stops the issue:

[libinmathew]

@Brett Thanks for the response. We created the visual using the SDK and passed these parameters. How can we resolve this issue? Is this expected QuickSight behavior?