1705275 - Screenshot/PiP not working with Iframes, inside and outside Iframes

Status: UNCONFIRMED

(Toolkit :: Picture-in-Picture, defect, P3)

Description

[Wellington Torrejais da Silva]

Attachment: Screenshot 2021-04-15 at 02-47-36 twoseven Watch videos together online.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:78.0) Gecko/20100101 Firefox/78.0

Steps to reproduce:

I can't take a Screenshot correctly in pages with Iframes.
Examples: instagram, facebook.

For example, in discover tab in instagram, when Modal is Opened and I try to take screenshot of image on center, only the background is saved. The same with Facebook modal of the chat.

PiP not working with iframes:
https://twoseven.xyz/M_Enluy9CZ

Actual results:

• I cant take take screenshot correctly in page with modals over background or pages with iframes like Instagram and Facebook.
• I can't PiP videos in some sites with iframes or JS Sites. Like https://twoseven.xyz/M_Enluy9CZ with Youtube videos.

Expected results:

• Print function working in Iframes and pages with iframes modals like discovery page on instagram. And bottom chat in facebook.
• PiP not working with pages with iframes and videos like the TwoSaven page sharing youtube videos.

Thanks!

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Toolkit::Video/Audio Controls' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Mike Conley (:mconley) (:⚙️)]

This bug was filed with both the PiP and screenshots feature in mind, but both have completely different backend implementations. Because this was filed under Toolkit :: Video/Audio Controls, I'm only going to focus on the PiP feature. A separate bug should be filed for the screenshots feature under the Firefox :: Screenshots product/component.

I don't have an account at twoseven.xyz, but if I visit their homepage at https://twoseven.xyz/, I can definitely PiP that embedded YouTube video. Similarly, I can PiP most other embedded YouTube videos. I can't seem to create a twoseven.xyz account, because new account email verification for that site appears to be broken.

So what I think we need here is a minimal test case. Perhaps, Wellington, you could Save Page As the page that you're experiencing the issue on and attach it to this bug? Perhaps we can then examine the markup and see what might be interfering with the PiP feature.

Comment 3

[Mike Conley (:mconley) (:⚙️)]

I was able to get an account set up. It looks like there's a <div> under the iframe with a higher z-index but 0 opacity that's interfering with us here. I haven't had any luck creating a minimal testcase yet though.

Comment 4

[kpatenio]

Moving over to PiP module.