folletto / Blipshot

Google Chrome Extension to make screenshots
intenseminimalism.com
114 stars 19 forks source link

Automatically hide sticky elements when scrolling to take a screenshot #27

Open tomasz1986 opened 2 years ago

tomasz1986 commented 2 years ago

This affects many websites, but for me, the main problem are sites from the Stack* family. All of them feature a similar layout, with a sticky header that is always glued to the top of the screen. The problem is that this header gets repeated in the screenshot multiple times, more often than not hiding content behind it, e.g.

image

You can test this yourself by taking a screenshot of https://stackoverflow.com/questions/12503871/removing-path-and-extension-from-filename-in-powershell.

The workaround I use is to simply right click the header, click "inspect element" and then press the Del key to quickly remove it completely from the HTML before taking the screenshot. It would however be nice if the extension was able to do something like this automatically (or better, keep the header only on the top of the screenshot).

folletto commented 2 years ago

Hi! Thanks for the report.

The extension already tries to fix that. In fact there's quite a bit of chunk of code dedicated to try to "fix" websites like Stack Overflow. The code is here: https://github.com/folletto/Blipshot/blob/master/blanketStyleSet.js Sadly, it appears that Stack Overflow is doing something else that is non-standard that would require further custom code.

I'll have to figure out what they are doing and see if I can work around that.

folletto commented 2 years ago

I spent a few hours looking into this...

Unfortunately I don't have good news... the switch to Chrome Manifest V3 will require a quite extensive rewrite of the whole extension, so I think it might be close to time to retire it as I don't have much time these days to keep maintaining it.

Ref: https://twitter.com/Folletto/status/1561485814542000128

folletto commented 2 years ago

I decided to stop development: https://github.com/folletto/Blipshot/issues/28