Answered

Black screen appearing when scrolling down the page using chrome

(2) Share

Report

Posted on by 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.

Powerapps issue.PNG

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

Categories:

Building Power Apps

I have the same question (0)

All responses (31)

Answers (2)

Sort by

KrishnaV 5,023 on at

Like
a
(0)

Report
Copy link

Link copied!
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:
Create a new page on the site
Add the Power App only (do not add any other content on that)
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.

Was this reply helpful? Yes No
CarloNavarro 44 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
ChemaMateos 32 on at

Like
a
(0)

Report
Copy link

Link copied!

same error here, since yesterday.

Was this reply helpful? Yes No
CarloNavarro 44 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
KrishnaV 5,023 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
jpeynado 9 on at

Like
a
(1)

Report
Copy link

Link copied!

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,

Was this reply helpful? Yes No
DavidVrtel 4 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
locknercm 4 on at

Like
a
(0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
locknercm 4 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
MrBob 2 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi!

Yep. Same issue here too. Chrome browser, multiple attempts using simple CDS and SharePoint data sources. Everything looks fine while building but when I render PowerApp (exposed in D365 CE), black block appears. Specifically, lower down on form, specifically while you scroll.

Please help!
MrBob

Was this reply helpful? Yes No