Using the latest PictureInPictureWindow API in edge causes the browser to crash

Question

Using the latest PictureInPictureWindow API in edge causes the browser to crash

emmett zhao 10

Problem Description ：Create a PIP window through the PictureInPictureWindow API in edge, and the browser will send a crash after opening the PIP window menu.

OS: windows 10/11

Test Demo: https://document-picture-in-picture-api.glitch.me/

Menu Position: upper left corner of PIP window

Operation: Open the menu and click on the menu option

Raina Zhao - MSFT 2,875 Reputation points Microsoft External Staff

2023-12-20T09:08:42.8166667+00:00

Hi @emmett zhao ,

According to the repro steps, the phenomenon is the same as you said, the Edge browser crashed after clicked the Menu option.

Then, I have tried to only test the PictureInPictureWindow API on my side, and this API won't crash the browser. The issue may be caused by other codes.

Could you please provide a minimal replicable code snippet for us?

emmett zhao 10

hi, @Raina Zhao - MSFT ,thanks for your reply, I tested this code snippet and it can reproduce the crash.

  async function togglePictureInPicture() {
    const pipWindow = await documentPictureInPicture.requestWindow({
      width: 640,
      height: 360,
    });
    const test = document.querySelector('#test');
    pipWindow.document.body.append(test);
}

  function handleClick() {
    togglePictureInPicture();
  }

<div>
  <button onclick="handleClick()">
    open pip window
  </button>
  <div id="container">
    <div id="test">test content</div>
  </div>
</div>

emmett zhao 10 Reputation points

2023-12-21T07:49:11.9966667+00:00

There is also a example demo with source from MDN https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API
Raina Zhao - MSFT 2,875 Reputation points Microsoft External Staff

2023-12-21T09:55:33.4233333+00:00

Hi @emmett zhao ,

I can repro the issue through testing the example demo.
We suggest you sending feedback to the Dev Team by pressing Alt+Shift+I in Microsoft Edge to report this issue.
emmett zhao 10 Reputation points

2023-12-22T02:15:15.1433333+00:00

Ok, thanks, I have reported.
Divkovic , Matej 0 Reputation points

2024-03-21T16:33:21.0133333+00:00

@emmett zhao , @Raina Zhao - MSFT , can we have a link to an issue tracker or something? We really need this to not crash, but have no way to track the status of this problem on MSFTs side.

Your answer

Raina Zhao - MSFT 2,875 Reputation points Microsoft External Staff

2023-12-20T09:08:42.8166667+00:00

Hi @emmett zhao ,

According to the repro steps, the phenomenon is the same as you said, the Edge browser crashed after clicked the Menu option.

Then, I have tried to only test the PictureInPictureWindow API on my side, and this API won't crash the browser. The issue may be caused by other codes.

Could you please provide a minimal replicable code snippet for us?
emmett zhao 10 Reputation points

2023-12-21T07:44:10.68+00:00

hi, @Raina Zhao - MSFT ,thanks for your reply, I tested this code snippet and it can reproduce the crash.

async function togglePictureInPicture() { const pipWindow = await documentPictureInPicture.requestWindow({ width: 640, height: 360, }); const test = document.querySelector('#test'); pipWindow.document.body.append(test); } function handleClick() { togglePictureInPicture(); }

<div> <button onclick="handleClick()"> open pip window </button> <div id="container"> <div id="test">test content</div> </div> </div>
emmett zhao 10 Reputation points

2023-12-21T07:49:11.9966667+00:00

There is also a example demo with source from MDN https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API
Raina Zhao - MSFT 2,875 Reputation points Microsoft External Staff

2023-12-21T09:55:33.4233333+00:00

Hi @emmett zhao ,

I can repro the issue through testing the example demo.
We suggest you sending feedback to the Dev Team by pressing Alt+Shift+I in Microsoft Edge to report this issue.
emmett zhao 10 Reputation points

2023-12-22T02:15:15.1433333+00:00

Ok, thanks, I have reported.
Divkovic , Matej 0 Reputation points

2024-03-21T16:33:21.0133333+00:00

@emmett zhao , @Raina Zhao - MSFT , can we have a link to an issue tracker or something? We really need this to not crash, but have no way to track the status of this problem on MSFTs side.

Share via

Using the latest PictureInPictureWindow API in edge causes the browser to crash

Your answer