[RESOLVED] Animation in NoScript Placeholder

Ask for help about NoScript, no registration needed to post
EB24
Posts: 4
Joined: Tue Jun 18, 2019 3:14 pm

[RESOLVED] Animation in NoScript Placeholder

Post by EB24 » Tue Jun 18, 2019 3:00 pm

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.
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0

musonius
Senior Member
Posts: 98
Joined: Sun Jul 08, 2018 5:38 pm

Re: Animation in NoScript Placeholder

Post by musonius » Tue Jun 18, 2019 3:09 pm

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)
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0

EB24
Posts: 4
Joined: Tue Jun 18, 2019 3:14 pm

Re: Animation in NoScript Placeholder

Post by EB24 » Tue Jun 18, 2019 3:29 pm

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.
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0

User avatar
therube
Ambassador
Posts: 7384
Joined: Thu Mar 19, 2009 4:17 pm
Location: Maryland USA

Re: Animation in NoScript Placeholder

Post by therube » Tue Jun 18, 2019 5:34 pm

URL or sample code where it does not work?
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball NoScript FlashGot AdblockPlus
Mozilla/5.0 (Windows NT 5.1; rv:52.0) Gecko/20100101 SeaMonkey/2.49.5

EB24
Posts: 4
Joined: Tue Jun 18, 2019 3:14 pm

Re: Animation in NoScript Placeholder

Post by EB24 » Tue Jun 18, 2019 6:42 pm

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."
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0

skriptimaahinen
Senior Member
Posts: 149
Joined: Wed Jan 10, 2018 7:37 am

Re: Animation in NoScript Placeholder

Post by skriptimaahinen » Tue Jun 18, 2019 7:10 pm

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;
}
Mozilla/5.0 (Windows NT 6.1; rv:60.0) Gecko/20100101 Firefox/60.0

EB24
Posts: 4
Joined: Tue Jun 18, 2019 3:14 pm

Re: Animation in NoScript Placeholder

Post by EB24 » Fri Jun 21, 2019 1:38 pm

Copy-pasting the code in skriptimaahinen's post worked! Thanks for the help!
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:67.0) Gecko/20100101 Firefox/67.0

Post Reply