Report embeded in IFRAME doesn't load completely

[hifni]

I have a bizarre situation where I have two Power BI reports and both are embedded into an IFRAME and separated by Tabs (Bootstrap).

I could see the first have loaded completely but if I switch to the next tab I could see the reports' first few visuals are visible but others are not shown or loaded; It's a blank area that shows. However, if I click somewhere on the blank area, the rest of the visuals will appear. Sometimes, both of the reports show the same behavior, however, this doesn't happen often.

I took a video out of it: https://youtu.be/LmKNQ3FKZis

What can be the problem?

[hifni]

Thank you for the responses. Regrettably, None of them helped me in solving the issue. Please note that I am not using Power BI Report Server. I just made a Report using Power BI desktop and published it.

[V-pazhen-msft]

@hifni 
Embed a Power BI Report Server report using an iFrame in SharePoint Server - Power BI | Microsoft Do...

Did you follow this one

Paul 

[amitchandak]

@hifni , refer these(Similar, not same) issues

https://community.powerbi.com/t5/Report-Server/quot-RS-embed-true-quot-command-not-working-in-Sharep...

https://community.powerbi.com/t5/Issues/Embed-reports-via-iframe-Chrome-Safari-issue-with-visual-men...