Report embedded page crash on iOS device

[OZZZ]

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.

[v-yiruan-msft]

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

[OZZZ]

Hi @v-yiruan-msft ,

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