X
Tap here to go to the mobile version of the site.
Scheduled maintenance: Thursday, April 2, between 3pm and 5pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

منتدى الدعم

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
8956 solutions 73385 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.
هل وجدت هذا مفيدًا؟ 1
Quote

صاحب السؤال

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!
هل وجدت هذا مفيدًا؟
Quote
jscher2000
  • Top 10 Contributor
8956 solutions 73385 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.
هل وجدت هذا مفيدًا؟
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17860 solutions 161607 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.
هل وجدت هذا مفيدًا؟ 0
Quote
jscher2000
  • Top 10 Contributor
8956 solutions 73385 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.
هل وجدت هذا مفيدًا؟
Quote

صاحب السؤال

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/
هل وجدت هذا مفيدًا؟
Quote
اطرح سؤالا

عليك الولوج إلى حسابك للردّ على المشاركات. من فضلك اطرح سؤالًا جديدًا لو لم يكن لديك حساب بعد.