Iframe continues scrolling after mouse release when interacting with Power BI visuals

Hi,

This is a known side effect of the drag interaction crossing the iframe boundary. When you grab a scrollbar inside the report and the cursor leaves the iframe during the drag, the mouseup fires on the parent page instead of inside the iframe, so the visual never receives its "release" event and keeps thinking you're still dragging. That's why it stays stuck until you click again inside the report, which finally hands it the event it was waiting for.

The real fix is usually the embedding method rather than the report. If you're pointing a raw <iframe src="app.powerbi.com/..."> at the Service, that path isn't really supported for interactive embedding and these pointer-event quirks are exactly what it produces. Switching to the official powerbi-client JavaScript SDK (powerbi.embed()) is what solves it in practice, because the SDK manages the pointer and message handling between host page and report properly instead of leaving the browser to guess.

If you're already on the SDK and still seeing it, then handle the released event on the host side: capture mouseup at the parent document level and forward it so the embedded report knows the drag ended.

For what it's worth, if you'd rather not build and maintain the embedding layer yourself, we run an out-of-the-box embedding solution at DataTako.com that handles this pointer/event plumbing (and the viewer licensing side) for you, so it's an option if this turns into more work than it's worth. Either way, happy to help you get it sorted, just let me know how you're currently embedding and I can point you at the specific fix.

If this gets it working, please mark it as the solution so others with the same iframe behaviour find it faster.

Paco
Helping data analytics leaders distribute their reports