Context menu does not disappear when changing report page on Power BI Embedded

[dtkri]

Steps to reproduce:

• Open https://playground.powerbi.com/en-us/dev-sandbox
• Default page "Marker Share" will be loaded.
• Add code which changes page in 5 seconds delay:

setTimeout(async () => {
    console.log("test");
    try {
        const pages = await report.getPages();
        await pages[3].setActive();
        console.log("Active page was set to: \"" + pages[3].displayName + "\"");
    }
    catch (errors) {
        console.log(errors);
    }
}, 5000);​

• Click "Run".
• Within 5 seconds after run, open context menu on some visual.
• After 5 seconds, report page will be changed from "Marker Share" to "Sentiment" but the context menu will remain.
• Actions invoked on that context menu will affect visual on previous not active page "Marker Share". Click e.g. option to show results as a table.
• Manually activate "Marker Share" page (at the bottom).
• You will see that action invoked on "Sentiment" page has affected a visual on "Marker Share" page.

Is there any way to close context menu while changing report pages?

[v-cazheng-msft]

Hi @dtkri,

Sorry, but I couldn’t reproduce this issue. If you wait until the new report page loaded and make sure you open the context menu after that, will you see this issue either?

Best Regards,

Community Support Team _ Caiyun

[dtkri]

Hi,

If you wait until the new report page is loaded and make sure you open the context menu after that, then the issue does not appear.

The problem appears when you open a context menu and then cahnge the page programatically (from JavasScript code, not by clicking a page button at the bottom). The context menu opened for a given page is still open after switching programatically to another page.

Best regards,

@dtkri 

[dtkri]

Hi @v-cazheng-msft,

Did you manage to reproduce it?

Best regards,

@dtkri