Outlook add-in with powerapps canvas app inside iframe not working

So, I am trying to create an Outlook add-in that displays our power apps canvas app inside an iframe. Now, for some reason this iframe is capable of displaying power apps, but it won't go past the login screen.

When I run the add-in locally, and I view an email, I can see that power apps is asking me to login. Problem is that when I try to click the login button, a popup appears saying that it is unable to find the app "about" to open this link. Hence, it's requesting to get the app from the store, which it of course is unable to find.

Question is, how can I solve this or is there a method to display the canvas app in the Outlook add-in?

Thanks in advance!

Kind regards,

Billy Cottrell

UPDATE 1:

So I just noticed what the login button does, it apparently opens a window with url about:blank. Any idea if there is a way to fix this?

Solution

Please read this: https://learn.microsoft.com/en-us/power-apps/developer/model-driven-apps/use-iframe-and-web-resource-controls-on-a-form Displaying a form within an IFrame embedded in another form is not supported.

It's not supported. Some have it working as long as SSO is not used. Still, it's not supported and if it works it may break at any time. I verified this with a PowerApps Escalation Engineer at Microsoft.