Fixes #7170 paywall on foreignpolicy.com

[HermannBjorgvin]

This removes the paywall on foreignpolicy.com

The two lines below may seem a bit redundant since this is the same element but the JavaScript on the page removes and adds this class back so this catches that, otherwise it flashes a dark modal background for a second.

foreignpolicy.com##div.tp-backdrop
foreignpolicy.com##.tp-active.tp-backdrop

URL(s) where the issue occurs

https://foreignpolicy.com/2020/03/25/blame-china-and-xi-jinping-for-coronavirus-pandemic/

Describe the issue

Modal popup with a paywall

This fixes #7170

Versions

• Browser/version: 74.0-2
• uBlock Origin version: 1.25.2

Settings

foreignpolicy.com##div.tp-modal
foreignpolicy.com##div.tp-backdrop
foreignpolicy.com##.tp-active.tp-backdrop
foreignpolicy.com##html>body.tp-modal-open:style(overflow: auto !important; height: auto; -webkit-overflow-scrolling: auto;)

Notes

After hitting a paywall I created the following rules to start with:

foreignpolicy.com##div.tp-modal
foreignpolicy.com##.tp-active.tp-backdrop

Then started with adding breakpoints to since I noticed it is replacing classes for the paywall to appear. the class tp-modal-open on the tag was blocking scrolling on the page so I created a filter which has more specific selector which overwrites those blocking values to auto.

tp-modal-resizing is a class that gets added to the tag but it doesn't affect the page visual so I didn't create a rule for it.

At this point the paywall was removed but there was still a quick flash of black on the page when it popped up and before it was removed after a bit of investigating and adding breakpoints to the page to catch DOM attribute modifications I noticed div.tp-backdrop.tp-active was modifying it's class attribute and removing the tp-active class, this breaks the rules I added to block the paywall. It's a simple fix, create two rules, one with and one without the tp-active class.

[liamengland1]

This won't be merged. #2317 (comment)

Also, a much easier solution is ||tinypass.com^$3p. 😄

[uBlock-user]

Circumventing a paywall is considered out of scope

[HermannBjorgvin]

@llacb47 thanks for the quick reply. Didn't know paywalls were out of scope.

Neat solution. This is my first filter I published so it's probably not the prettiest.

Is there any project currently focusing on paywalls?

[liamengland1]

https://github.com/DandelionSprout/adfilt/blob/master/BrowseWebsitesWithoutLoggingIn.txt

https://github.com/iamadamdev/bypass-paywalls-chrome

https://github.com/magnolia1234/bypass-paywalls-chrome-clean