1710602 - Full page screenshots in responsive mode are not cropped correctly

Status: NEW

(DevTools :: Responsive Design Mode, defect, P3)

Description

[Julien Wilhelm]

Attachment: firefox devtools capture produced.png

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

Steps to reproduce:

(hi)

1. I've opened dev tools with F12.
2. I applied the responsive view mode (360 x 640px).
3. Right click on the page to make a screenshot.
4. I selected the option on the top right to take a screenshot of the entire page.

I choose a personal project to show the issue (viewport = 100vh). Bus this bug occurs also (and obviously) on scrollable pages (viewport > 100vh).

The other option (take a screenshot of the visible screen) works fine.

Actual results:

The proposed screenshot is not properly cropped and is 1080x1920px.

Expected results:

The screenshot should be correctly cropped and be 360 x 640px.

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Attachment: image.png

Thank you for the report!

I can reproduce on my machine Win10 + Firefox Nightly

Also, the labels for "Save full page" and "Save visible" icons are missing (see the attached screenshot)

Honza

Comment 2

[Kyle Condon]

Attachment: Broken MedExpress Screenshot

Just to mention that this is still reproducible as of version 105, it makes it difficult to capture user journeys from the perspective of a mobile device.

The buttons are now labelled properly however.