X
Tap here to go to the mobile version of the site.

Support Forum

Is there is a way to get the 'Screenshot Node' to stop cutting off the right side of a capture?

Posted

I can right click an image, select 'Inspect Element', highlight the node I want to capture, right click and select 'Screenshot Node' but the image captured is always missing pixels on the right side.

I can right click an image, select 'Inspect Element', highlight the node I want to capture, right click and select 'Screenshot Node' but the image captured is always missing pixels on the right side.
Attached screenshots

Chosen solution

Hi mnhollimon, this is a really useful feature -- other than this problem.

The truncation seems to occur on pages with a scroll bar -- I can replicate it on a test page when the body doesn't fit completely within the viewport after opening the Inspector (or by forcing a scrollbar): https://www.jeffersonscher.com/res/node-screenshot.html

There was a fix for that in Firefox 45 but it seems to have gotten lost somewhere. I added a comment about this hypothesis to an open bug for this problem:

https://bugzilla.mozilla.org/show_bug.cgi?id=1538256#c8

For the short term, when you need to screenshot a node on a page with a vertical scrollbar, you could temporarily remove the bar by adding

overflow: hidden;

to the element style rules for the body tag. Grab your screenshot, then uncheck the box. Perhaps there is a way to automate that, but nothing comes to mind that can handle all three steps.

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

None

Application

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

More Information

jscher2000
  • Top 10 Contributor
8966 solutions 73474 answers

Chosen Solution

Hi mnhollimon, this is a really useful feature -- other than this problem.

The truncation seems to occur on pages with a scroll bar -- I can replicate it on a test page when the body doesn't fit completely within the viewport after opening the Inspector (or by forcing a scrollbar): https://www.jeffersonscher.com/res/node-screenshot.html

There was a fix for that in Firefox 45 but it seems to have gotten lost somewhere. I added a comment about this hypothesis to an open bug for this problem:

https://bugzilla.mozilla.org/show_bug.cgi?id=1538256#c8

For the short term, when you need to screenshot a node on a page with a vertical scrollbar, you could temporarily remove the bar by adding

overflow: hidden;

to the element style rules for the body tag. Grab your screenshot, then uncheck the box. Perhaps there is a way to automate that, but nothing comes to mind that can handle all three steps.

Hi mnhollimon, this is a really useful feature -- other than this problem. The truncation seems to occur on pages with a scroll bar -- I can replicate it on a test page when the body doesn't fit completely within the viewport after opening the Inspector (or by forcing a scrollbar): https://www.jeffersonscher.com/res/node-screenshot.html There was a fix for that in Firefox 45 but it seems to have gotten lost somewhere. I added a comment about this hypothesis to an open bug for this problem: https://bugzilla.mozilla.org/show_bug.cgi?id=1538256#c8 For the short term, when you need to screenshot a node on a page with a vertical scrollbar, you could temporarily remove the bar by adding overflow: hidden; to the <code>element</code> style rules for the body tag. Grab your screenshot, then uncheck the box. Perhaps there is a way to automate that, but nothing comes to mind that can handle all three steps.
Was this helpful to you? 1
Quote

Question owner

Ohmigosh, thanks so much!! For now I will use an extension to hide the scrollbar. You're a life saver!

Ohmigosh, thanks so much!! For now I will use an extension to hide the scrollbar. You're a life saver!
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8966 solutions 73474 answers

If you find an extension that works well for this, please report back on which one it is in case other users have the same question.

If you find an extension that works well for this, please report back on which one it is in case other users have the same question.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17882 solutions 161785 answers

You can try to zoom out the page to see if that makes a difference.

You can try to zoom out the page to see if that makes a difference.
Was this helpful to you? 0
Quote
jscher2000
  • Top 10 Contributor
8966 solutions 73474 answers

cor-el said

You can try to zoom out the page to see if that makes a difference.

Unfortunately, that also make the screenshot smaller because it captures at the current zoom level.

''cor-el [[#answer-1299006|said]]'' <blockquote> You can try to zoom out the page to see if that makes a difference. </blockquote> Unfortunately, that also make the screenshot smaller because it captures at the current zoom level.
Was this helpful to you?
Quote

Question owner

jscher2000 said

If you find an extension that works well for this, please report back on which one it is in case other users have the same question.

I am using this Firefox Extension to toggle the scrollbar: https://addons.mozilla.org/en-US/firefox/addon/hide-scrollbars/

''jscher2000 [[#answer-1298873|said]]'' <blockquote> If you find an extension that works well for this, please report back on which one it is in case other users have the same question. </blockquote> I am using this Firefox Extension to toggle the scrollbar: https://addons.mozilla.org/en-US/firefox/addon/hide-scrollbars/
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.