topic Re: Report embedded page crash on iOS device in Developer

Report embedded page crash on iOS device

OZZZ — Sun, 22 Dec 2024 15:40:51 GMT

When embedding a report using the Power BI Web Embedded approach with the .NET SDK, I encountered an issue where one particular report failed to display on iOS devices, causing the page to crash. The report displays correctly on Android devices.

Has anyone else experienced a similar problem?

Is there a solution available?

Through adding logs, it was discovered that the iOS device crashes before it can execute the following method:

report.on("rendered", function () {    console.log("Report render successful");});

This indicates that the failure occurs specifically on iOS when attempting to listen for the "rendered" event on the report object.

Re: Report embedded page crash on iOS device

Anonymous — Mon, 23 Dec 2024 02:42:38 GMT

Hi @OZZZ ,

It sounds like you're experiencing a compatibility issue specific to iOS when embedding a Power BI report. Could you please try the following steps for further troubleshooting?

Step 1: Rule Out Device-Specific Issues

Test the embedded report on a different iOS device to determine if the issue is specific to a particular phone.

Step 2: Check for iOS Limitations

Ensure that the SDK version and JavaScript libraries are updated to the latest versions.
Simplify the report by removing custom visuals, R visuals, and other complex elements. Test if the simplified report displays correctly on the same iOS device.

Step 3: Browser Compatibility

Attempt to open the embedded report using a different browser on the iOS device to see if it displays correctly.

Best Regards

Re: Report embedded page crash on iOS device

OZZZ — Mon, 23 Dec 2024 03:42:43 GMT

Hi @Anonymous ,

Thank you so much for your prompt response! I followed the steps you provided, but unfortunately, the issue persists on iOS devices. While testing various reports, I found that the problem only occurs with the current report so far. Below is a summary of my troubleshooting efforts:

Step 1: Rule Out Device-Specific Issues
I tested the report on three different iOS devices. Occasionally, the page loads successfully once, but most attempts result in a white-page crash.

Step 2: SDK/JS Library Details

SDK Version: Microsoft.PowerBI.Api (4.22.0)
JS Library: powerbi-client@2.23.1

To isolate the issue, I simplified the report by removing custom visuals and settings. Unfortunately, even the simplified report failed to load on iOS devices. Simplified settings list below:

const reportConfig = { type: embedType, id: embedParam.reportId, tokenType: models.TokenType.Aad, accessToken: loggedInUser.accessToken, embedUrl: embedData.embedUrl, settings: { layoutType: models.LayoutType.FitToWidth, background: models.BackgroundType.Transparent, panes: { filters: { expanded: false, visible: false }, pageNavigation: { visible: true }, localeSettings: { language: UserOwnsData.language, } } } };

Step 3: Browser Compatibility Testing
I tested the report on multiple browsers, including Chrome, Edge, and Safari, but the issue persists across all of them.

Any further insights or recommendations you could provide would be greatly appreciated. Thank you!

Best regards,
Ming