Open Bug 1463129 Opened 6 years ago Updated 1 year ago

Make the screenshot button auto expand page with internal scrollbars so the full page is actually getting captured

Categories

(DevTools :: Framework, enhancement, P2)

enhancement

Tracking

(Not tracked)

People

(Reporter: sole, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: dev-doc-needed)

Developers expect the button to take a screenshot of the entire page. If there's overflow and scrollbars are present, they expect to see a big long image.

But the "Take a screenshot of the entire page" button doesn't actually work as expected 
1) it is actually a screenshot of the current viewport, not the full page
2) the viewport is smaller than it should when DevTools are open and not docked

The correct and expected behaviour is the behaviour the GCLI screenshot --fullpage had.
Blocks: 1447491
No longer blocks: gcli-removal
Blocks: 1243525
See Also: → 1449537
Severity: normal → enhancement
Priority: -- → P2
Product: Firefox → DevTools
Assignee: nobody → ystartsev
I don't think GCLI did what is described in the summary. I just tried a version of Firefox that still has GCLI, and `screenshot --fullpage` has the same behavior as the button.

Eg on a bugzilla page, the scrollbar is on a a subelement, so --fullpage doesn't give any interesting output.

That being said, I would love to have a fullpage screenshot tool that is smart enough to simulate a huge viewport and get a real full page screenshot. Maybe something that increases the height of the viewport until scrollbars are either all gone or no longer changing ?
Assignee: ystartsev → nobody
Blocks: 1402837
No longer blocks: 1447491
And just for reference, you can try the screenshot button with a page that is scrolled: https://hg.mozilla.org/integration/mozilla-inbound/rev/93516631d63527d285b518f7d5e3b8aa800b627a

This will give you a proper full page screenshot (same as gcli --fullpage or :screenshot --fullpage)
No longer blocks: 1402837

Just to clarify a bit: the screenshot button does take full page captures. It just doesn't do anything special on pages that have internal scrollbars such as bugzilla.
As Julian said in comment 1, it would be great if it was smart enough to simulate a huge page size so internal scrollbars did not need to hide anything.

Summary: Change behaviour of full page screenshot button to actually take a full page screenshot → Make the screenshot button auto expand page with internal scrollbars so the full page is actually getting captured

Alternatively if expanding everything proves too hard or full of edge cases, it would be nice if the "element picker" screenshot feature could capture the whole element even what's outside of the viewport.
For example on https://jira.mozilla.com/browse/SYNC-561 the "Issues in Epic" block is impossible to capture in its entirety in Firefox since my screen can't fit the whole height of it.

A really quick fix would be to scroll to the bottom of the page before taking the screenshot... that way you will get a screenshot of the full node.

Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.