1841576 - Screenshot tool broken when in devtools print media simulation

Status: NEW

(Firefox :: Screenshots, defect, P3)

Description

[[:Grathium]]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Steps to reproduce:

1. Go to https://www.google.com
2. Open devtools via F12
3. Enable "Toggle print media simulation for this page" in devtools
4. Right click on google homepage
5. Click "Take Screenshot"
6. Observe that certain buttons are broken

Actual results:

Can't click

• Cancel button
• "Save visible"
• "Save full page"

Once an element is selected I can't click:

• "X" dismiss selected element icon
• "Copy" button
• "Download" button

Expected results:

I should be able to take screenshots using the inbuilt screenshot tool while in print preview mode

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Firefox::Screenshots' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Ardelean Oana, Desktop Test Engineering [:oardelean]]

Hello, thank you for the bug report!
Managed to reproduce this issue on:

• Firefox 115.0;
• Firefox 116.0b1;
• Nightly 117.0a1;

Tested and reproduced on:

• Windows 10;
• macOS 12;
• Ubuntu 22;

Setting as NEW so the developers can have a look.

Comment 3

[Sam Foster [:sfoster] (he/him)]

Good find. We get strange behavior both with the extension (which injects the screenshots UI via an iframe in the document) as well as the component implementation (screenshots.browser.component.enabled) - which uses the anonymous content to house the overlay UI.