1220349 - "Screenshot Node" produces screenshot that is cut off on right

Status: RESOLVED DUPLICATE of bug 1210031

(DevTools :: Inspector, defect)

Description

[Camille]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.80 Safari/537.36

Steps to reproduce:

1. Right click.
2. Select "Inspect Element".
3. In Inspector, hover over a node and take note of the width of the element in the browser window (also appears in the Box Model tab in the Inspector).
4. Right click that node in Inspector and click "Screenshot Node".
4. Check the width of the screenshot and compare it to the node's width in the browser.

As an example, go to the link below and try it on the Firefox logo on the top.
https://www.mozilla.org/en-US/firefox/new/?utm_source=firefox-com&utm_medium=referral


Actual results:

The Firefox logo is 223x84 but screenshots out as 416x168 (on a 2x retina screen) or 208x84 at 1x. This is 15px less wide, and it's cut off on the right.


Expected results:

The screenshot should be the same size as the dom element and should not be cut off.

Comment 1

[Camille]

Attachment: Firefox logo cut off on right

Comment 2

[Camille]

It's possibly related to https://bugzilla.mozilla.org/show_bug.cgi?id=1210031

Comment 3

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

Confirming on Windows 8.1 with a device pixel ration of 1.25. Dimensions depend on branch, Nightly uses css pixels, 41.0.2 device pixels (1209773):

Image dimensions set in page: width 223, height 84
Firefox 41.0.2:               width 206, height 84
Firefox 45.0a1 20151030:      width 257, height 105

Comment 4

[Marat Tanalin]

This is certainly a dupe of the bug 1210031 reported a month earlier.

Comment 5

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

It's likely they are dupes, but I'll mark them as see also for now.  Past screenshot bugs have been subtly different, so want to keep tracking each for now.

Comment 6

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

Further testing suggests this indeed the same issue as bug 1210031, since it works if you use floating scrollbars on Mac.

Comment 7

[Andrey]

This bug returned in Firefox 65.
See attached files.
Div dimensions: width 200, height 200
Firefox 65.0.2: width 183, height 200
The image is cropped on the right.

Comment 8

[Andrey]

Attachment: 'Screenshot Node' Demo

Comment 9

[Andrey]

Attachment: 'Screenshot Node' result

Comment 10

[Andrey]

The same bug in Firefox 66.
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0

Comment 11

[Wes Kocher (:KWierso) (Not reading bugmail; email directly if needed)]

Please file a new bug for this issue, adding a dependency or "see also" to point at bug 1210031.