Opened on 08/09/2018 at 03:00:49 PM

Closed on 08/11/2018 at 02:43:53 AM

Last modified on 08/30/2018 at 03:58:25 PM

#6848 closed change (fixed)

Add support to hide-if-contains for hiding a different ancestor of the element containing the search string

Reported by: mjethani Assignee: mjethani
Priority: P2 Milestone:
Module: Core Keywords: circumvention
Cc: kzar, rscott, Ross Blocked By:
Blocking: Platform: Unknown / Cross platform
Ready: yes Confidential: no
Tester: Ross Verified working: yes
Review URL(s):

Description (last modified by mjethani)


The hide-if-contains snippet takes a CSS selector as its second argument. If an element that matches the selector contains the given search string, it hides the element. This sometimes is not enough, because the element to be hidden is in fact an ancestor of the element containing the search string.

For example:


Here searching for the label "Ad" with the script hide-if-contains ad li doesn't work, even with regular expressions (#6847), because the text content is read out as "Kool-AidAd". The correct script for this would be hide-if-contains ad li 'li > span' where the third argument is the CSS selector to use while searching for the text.

What to change

Add a third argument called searchSelector to hide-if-contains, which should be a CSS selector that should be used to search for the text. Its value should default to the value of the selector argument.

Hints for testers

Test that both hide-if-contains and hide-if-shadow-contains work as described in #6809 and #6798 respectively (i.e. no regressions).

For this change, try the following test:

<!-- test.html -->
  Lorem ipsum dolor sit amet, consectetur
  adipiscing elit, sed do eiusmod tempor
  incididunt ut labore et dolore magna aliqua.
<script src="script.js"></script>
/* script.js */
setTimeout(() =>
  let ad = document.createElement("div"); = Math.random().toString(36).substring(2);
  ad.innerHTML = "<div><span>Check this!</span><span class='label'>Ad</span></div>";
  let result = document.createElement("div"); = Math.random().toString(36).substring(2);
  result.innerHTML = "<div><span>The Adventures of Tom Sawyer</span></div>";

The filter #$#hide-if-contains Ad div[id] span.label should hide the "Check this!" ad and not the "The Adventures of Tom Sawyer" content.

Attachments (0)

Change History (14)

comment:1 Changed on 08/09/2018 at 03:02:02 PM by mjethani

  • Description modified (diff)

comment:2 Changed on 08/09/2018 at 03:46:20 PM by mjethani

  • Description modified (diff)

comment:3 Changed on 08/09/2018 at 03:47:30 PM by mjethani

  • Description modified (diff)

comment:4 Changed on 08/09/2018 at 03:53:16 PM by mjethani

  • Review URL(s) modified (diff)

comment:5 Changed on 08/09/2018 at 03:59:59 PM by mjethani

  • Owner set to mjethani
  • Priority changed from Unknown to P2
  • Ready set

comment:6 Changed on 08/09/2018 at 04:00:07 PM by mjethani

  • Status changed from new to reviewing

comment:7 Changed on 08/11/2018 at 02:09:28 AM by abpbot

comment:8 Changed on 08/11/2018 at 02:42:54 AM by mjethani

  • Description modified (diff)

comment:9 Changed on 08/11/2018 at 02:43:53 AM by mjethani

  • Resolution set to fixed
  • Status changed from reviewing to closed

comment:10 Changed on 08/11/2018 at 02:46:03 AM by mjethani

  • Cc rscott Ross added

comment:11 Changed on 08/29/2018 at 03:13:38 PM by abpbot

comment:12 Changed on 08/30/2018 at 06:58:33 AM by Ross

Tested and working in Firefox so far.

comment:13 Changed on 08/30/2018 at 07:20:16 AM by Ross

  • Tester changed from Unknown to Ross
  • Verified working set

Done. Tested and working. Original behaviour for hide-if-contains and hide-if-shadow-contains described in #6809 and #6798 still works as expected. Have not noticed any regressions so far.

Chrome 68 / 62 / 49 / Windows 10
Firefox 61 / 60 (ESR) / 51 / Windows 10

comment:14 Changed on 08/30/2018 at 03:58:25 PM by sebastian

  • Sensitive unset

Add Comment

Modify Ticket

Change Properties
as closed .
The resolution will be deleted. Next status will be 'reopened'.
to The owner will be changed from mjethani.
Note: See TracTickets for help on using tickets.