Black screen appearing when scrolling down the page using chrome

[CarloNavarro]

Hi experts,

I embedded my canvas powerapps to my SharePoint modern page using powerapps webpart and Iframe. My issue is if I scroll down to the bottom of my sharepoint page, a black color also appears in my powerapps iframe bottom part. if I scroll up my page the black also start disappearing while scrolling. this issue is when using chrome browser.

 My powerapps do not have a scroll and the iframe is exact fit with the app.

Thanks in advance for helping.

------------------------

SOLUTION FROM MICROSOFT:

Please make sure that the url that is being used is apps.powerapps.com instead of web.powerapps.com:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/embed-apps-dev

[KrishnaV]

Hi @CarloNavarro,

I have tried to replicate in my personal tenant but I am not able to do it. Would you mine do a small workaround:

1. Create a new page on the site
2. Add the Power App only (do not add any other content on that)
3. Validate how the page rendering and then add the remaining content.

I am very certain you might have already done this, but I want to see how it is behaving (please send me the screenshot if you still see that issue).

I hope this resolved your issue if you see any challenge let me know I am always happy to help.

Regards,

Krishna
If this post helps give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

[CarloNavarro]

Hi Krishna,

Thank you very much for trying to help me out. I tried your suggestion but same issue encountered, even my team encounter this to their machine so this is not a machine issue I believe.

Please see below sample screenshot where I created a new page without adding any other webparts.

Hoping for more suggestions. Thanks again.

[ChemaMateos]

same error here, since yesterday.

[CarloNavarro]

yes, we also just encounter it last week. I'm assuming this is a browser issue. Please let me know if you resolved yours. Thanks. 

[KrishnaV]

Hi @CarloNavarro ,

I am not able to reproduce this issue. I would request Mr. @mdevaney  to add his comments on this issue.

To best of my knowledge, this is a compatibility issue with SharePoint and please log an MS support ticket on this as I see it is not a common issue across and it is happening for few tenants only.

I hope this resolved your issue if you see any challenge/need further help let me know I am always happy to help.

Regards,
Krishna
If this post helps give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

[jpeynado]

Same issue here using Chrome, Edge and Chromium.  Its works fine on IExplorer. The class publishedAppContainer has the black background. Its like the form iframe is moving while scrolling. Any news?

Regards,

[DavidVrtel]

Hi,

same issue here. Everything with chromium core having this. Firefox and IE works fine.

Black box is over the form, we can click in the black box and change values, switch buttons hidden behind it.

We need this fixed ASAP.

[locknercm]

Same issue for me, but I have my canvas app embedded in D365. When I scroll, I now see a black box; this is definitely a new error. 

[locknercm]

I have 2 embedded canvas apps in Dynamics 365, and I now get the black box on both whenever I scroll (currently in Chrome).