Share via

Installed page as web app in edge. iframe behaves unexpected

Jochen 151 Reputation points
2023-12-20T15:32:53.51+00:00

Good day,

I want to use that "Install this website as app" feature in Edge because it makes the site work like a nicely integrated windows application.
In general, this works fine for me.
I have however some behaviour that is different in the app vs when the webpage is viewed in the regular edge.

I have a sharepoint page that has an iframe.
In the iframe, I load a a page that allows me to add an item to a sharepoint list like this:
<iframe width="100%" height="750" src="/NewForm.aspx?env=Embedded" title="Embedded" ></iframe>

When I press add or cancel in a normal edge session. The iframe loads the next page inside the frame.

When I install the page as a web app. When pressing save/cancel inside the iframe, a new edge window (outside the app) appears with the resulting page.

I'm trying to figure out how to fix this behaviour, or what the reason for this is.
What are the differences between a regular edge session, or a edge app please?

Microsoft Edge
Microsoft Edge
A Microsoft cross-platform web browser that provides privacy, learning, and accessibility tools.
2,580 questions

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Jochen 151 Reputation points
    2023-12-28T13:37:12.3733333+00:00

    Hi, Thank you for your question @Wenying Lu-MSFT

    Sample code, screens shots and a guide of "how to test this".

    1. in a sharepoint site. Create a sharepoint list called "test". (a default list is fine)
    2. Create test.aspx in a document library with the following code:
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Embedded Page</title>
</head>
<body>
    Test frame below.<br>

    <iframe width="100%" height="750" src="../../Lists/test/NewForm.aspx?env=Embedded" title="Embedded"></iframe>

</body>
</html>
    1. Go to the page in microsoft edge. It should display this page:
      User's image
    2. use test as title and click one of the save buttons. This is how the page now looks:
      User's image
    3. Add the page as an app in Microsoft edge
    4. Start the app. it should look like this:
      User's image
    5. use test as title and click save.

    This is where it goes "wrong" for me. As nothing happens inside the app. But a new edge browser window opens. (Test did get added though)

    But the web app is still at the same window:
    User's image

    Thanks for anyone that has idea's on how to "work around this".

    0 comments
  2. Wenying Lu-MSFT 2,085 Reputation points Microsoft External Staff
    2023-12-29T06:51:30.3833333+00:00

    Hi @Jochen,
    Thanks for your reply.
    Based on your reply, I had re-tested on my side and reproduced the issue.
    I recommend you sending feedback to the Dev Team by pressing Alt+Shift+I in Microsoft Edge to report this issue.
    Thanks for your cooperation.

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Best Regards,

    Wenying Lu

    0 comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.