Embedded Power Apps app in SharePoint Page displays black cover

[BrianGarnica]

Hi Pros,

I created a simple app to get and send data to SharePoint lists. It looks fine if I browse outside SharePoint (on PowerApps mobile app, on PowerApps desktop app, on browser directly through web link, etc.). But, if I embed the app (any app) in a SharePoint Page, a black cover is beign showed. All controls are enabled and I can input text and click on buttons; but I can't see them.

It seems like a screen resolution related issue. I just tested using a 1366 x 768 resolution and this black section appears and seems to be growing as scroll down (like a parallax effect). After that, I tested using a 1920 x 1080 resolution and, as screen don't need scroll-bar and there is no way to scroll down, black cover doesn't appear.

1366 x 768 resolution:

1920 x 1080 resolution:

It would be great if anyone has resolution.

Thanks.

[richdiMSFT]

Hello All,

There seems to be a bug introduced between embedded canvas apps and chromium build 83 when you scroll. We are trying to find the root cause and a fix. Right now we don't have a workaround other than using a non-chromium browser. We actively investigating this issue. 

Sorry for the pain,

Rich Dickinson

PM Power Apps

[KCinCT]

Thank you@richdiMSFT for looking into this. Our company uses primarily Chromium-baed browsers (Edge and Chrome), and this bug is delaying an important rollout.

I used Google Chrome Canary which is on Chromium build 85, and the issue appears there as well.

[freeluv]

I am also experiencing this issue

[KCinCT]

@richdiMSFT Any update on the fix for this bug? It's currently a showstopper for us.

[kbliff]

Microsoft applied a fix last night, which seems to be somewhat working on some pages but unfortunately not consistently 😞 I just reached out to Microsoft to let them know.

[KCinCT]

Seems like the bug is gone in Chromium build 85. It is still showing in the current releases of Edge and Chrome which are still build 83.

[richdiMSFT]

Yes chromium fixed it in 85. We are rolling out a workaround for earlier builds this week. 

Rich

PM Power Apps

[kbliff]

After testing, I confirm the fix works only with modern pages. All other page types are still having the issue.

[richdiMSFT]

Kbliff,

Can you provide some details where the workaround isn't working for you? The workaround trying to make the inner app domain and the embedded frame the same. This should be working for SharePoint web part and embedding on model forms. 

Thanks for any details you can provide,

Rich Dickinson

PM Power Apps

[kbliff]

On publishing page - no more black bar as long as the embeded code contains the url: 

https://apps.powerapps.coms/play/AppID. For example: <iframe width="850" height="250" src="https://apps.powerapps.com/play/AppID?source=iframe&amp;screenColor=rgba%28104%2c101%2c171%2c1%29"><...>.