1670270 - Improve fullpage screenshots when custom or multiple scrollbars exist

Status: UNCONFIRMED

(Firefox :: Screenshots, enhancement, P3)

Description

[Synetech]

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0

Steps to reproduce:

1. Go to a page that has multiple scrollbars such as an iframe in eBay listings or overflow set to scroll like Gmail messages, or to a page that uses non-standard scrollbars like Hotmail/Outlook messages
2. Take full-page screenshot

Actual results:

The screenshot isn't complete; it might scroll the wrong thing or might only be just the visible stuff and not scrolled at all

Expected results:

I honestly don't know. I'm not sure how to handle situations like eBay listings that use a long iframe in the main listing page, but it's definitely a problem since there's no way to capture everything without a lot of manual work. 🤔

Even worse, it's not possible at all to take screenshots of emails in Gmail or Hotmail/Outlook that don't fit entirely on screen or in the window; this specific example is particularly problematic. 😕

Comment 1

[Emma Malysz]

Thank you for reporting! Can you provide a link where this is occurs or attach the incomplete screenshot you see? I can't seem to reproduce

Comment 2

[Synetech]

Attachment: Incomplete Fullpage Screenshot of Outlook email.png

Outlook uses custom non-standard scrollbars, so it's not possible to take a screenshot of a whole message if it can't be completely displayed on screen or in the window.

Comment 3

[Synetech]

Attachment: Incomplete Fullpage Screenshot of Gmail email.png

Gmail uses a div with its overflow CSS property set to scroll, so it's not possible to take a screenshot of the whole email because Firefox's fullpage screenshot function doesn't recognize the scrolling

Comment 4

[Synetech]

Attachment: Incomplete Fullpage Screenshot of eBay listing iframe.png

Many pages, such as eBay listings, use an embedded iframe for the main content, but when taking a fullpage screenshot, the iframe's content is missed

Comment 5

[Synetech]

The Hotmail bug was my own. There have been numerous times where I've seen a question/answer/comment on websites (especially YouTube or StackExchange) and thought "yeah, I agree with that!" and then realized it was my own post from a while back. 😂 ♪ Oops, I did it again. ♪

Well, hopefully this report can serve as a universal consolidation for the various causes of this issue instead of having separate reports for each site it happens on or for each cause.

Comment 6

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

Is there a good solution to this you've seen in other application or screenshot utilities? In the case of an iframe, you can use the right-click menu to select "This Frame" -> "Take Screenshot", to isolate only that content and maybe we could improve on the UX there. But where a page is composed of multiple scrollable areas, what would you expect the outcome to be, and how would you indicate which areas to scroll and by how much?

I'm switching this to an enhancement as the current implementation works as expected, and we can't improve it until we have a better idea of what that improvement would look like.