Forum Discussion

OZZZ's avatar
OZZZ
Regular Visitor
1 year ago

Report embedded page crash on iOS device

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...
Need Help
Anonymous's avatar
Anonymous
Not applicable
1 year ago

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's avatar
OZZZ
Regular Visitor
1 year ago

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

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