[Feature]: iframe like electron <webview>

[ankyo]

Describe the feature/enhancement you need

I just want to develop the UI interface using React, and I don't want to use WinForm. Meanwhile, I need to embed a browser window on the interface. If using Iframe, there will be security issues. Is there a similar element like Electron's in WebView2? Or can this Iframe be given some attributes to make it become a MainFrame?

UI code

function App() {
  return (
    <>
      <div className='webview'>
        <iframe name='my_site_embedding_frame' src=''></iframe>
      </div>
      <div className='order'>
        <button>Submit order</button>
      </div>
    </>
  )
}

The scenario/use case where you would use this feature

I mainly develop some efficiency tools to assist users in conducting operations conveniently on third-party websites.

How important is this request to you?

Critical. My app's basic functions wouldn't work without it.

Suggested implementation

Currently, most development scenarios require displaying remote web content on the interface. However, the current Iframe has many limitations. I even embedded two WebViews in Winform, one for displaying the UI and the other for displaying the remote content. But it was very troublesome.

What does your app do? Is there a pending deadline for this request?

No response

[RichardSteele]

I second this. AdditionalAllowedFrameAncestors allows basic embedding, but due to the iframe not being a top-level browsing context you lose certain same-site cookies and whatever else is bound to a secure context. Overlaying a second WebView2 B over a WebView2 A doesn't work if parts of A need to be displayed above B.