Page 1 of 1

[RESOLVED] Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 3:00 pm
by EB24
I discovered today that it looked like NoScript had added an animated element (that moved both on initial loading and on mouseover) to a web page I was browsing. The element looks like a placeholder for something else that was blocked. I would need any placeholder to not move. One of my primary reasons for using NoScript is to help eliminate all animated elements on web pages (for accessibility reasons). Does anyone have any advice on how to ensure I don't get an animated placeholder (or animated anything) again? I searched the forum and FAQ and did not find an answer.

Re: Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 3:09 pm
by musonius
EB24 wrote:
Tue Jun 18, 2019 3:00 pm
Does anyone have any advice on how to ensure I don't get an animated placeholder (or animated anything) again?
There is a solution: Freeze That Snake! (from the developer's blog)

Re: Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 3:29 pm
by EB24
Thanks for the reply! I tried the suggested solution you linked to on the developer's blog, installing Stylus and creating the Static NoScript Placeholder using the code on the page. Unfortunately, it seems to work only intermittently. I've tried restarting Firefox and reloading the offending page, and the placeholder is static about one in four times. But now I have a place to start. I'll try tweaking the code.

Re: Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 5:34 pm
by therube
URL or sample code where it does not work?

Re: Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 6:42 pm
by EB24
Here's an example:

https://paleofuture.gizmodo.com/five-ma ... 1828746184

On the left side of the page, under the heading, "Recent from Matt Novak," the placeholder above the headline, "Facebook Announces Libra, Digital Currency on the Blockchain That Doesn't Actually Need to Be on the Blockchain."

Re: Animation in NoScript Placeholder

Posted: Tue Jun 18, 2019 7:10 pm
by skriptimaahinen
You don't necessarily need any extensions to do this. You can also add the styles to userContent.css in FireFox's profile folder ( http://kb.mozillazine.org/index.php?tit ... ontent.css ).

However, it looks like there is something wrong with the style in the Maone’s blog. Simply copy pasting it is not sufficient. Providing working copy below or you can just re-type it by hand.

Code: Select all

a.__NoScript_PlaceHolder__ {
    background-size: 64px !important;
    background-position: 0 0 !important;
    transition: none !important;
}

Re: Animation in NoScript Placeholder

Posted: Fri Jun 21, 2019 1:38 pm
by EB24
Copy-pasting the code in skriptimaahinen's post worked! Thanks for the help!