Better detect invalid cosmetic filters

Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/2170
This commit is contained in:
Raymond Hill 2022-07-15 13:35:56 -04:00
parent 019f3f1739
commit a8ca5127c9
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
1 changed files with 26 additions and 29 deletions

View File

@ -19,7 +19,7 @@
Home: https://github.com/gorhill/uBlock Home: https://github.com/gorhill/uBlock
*/ */
/* globals CSSStyleSheet, document */ /* globals document */
'use strict'; 'use strict';
@ -1333,20 +1333,17 @@ Parser.prototype.SelectorCompiler = class {
[ 'matches-css-before', ':matches-css-before' ], [ 'matches-css-before', ':matches-css-before' ],
]); ]);
this.reSimpleSelector = /^[#.]?[A-Za-z_][\w-]*$/; this.reSimpleSelector = /^[#.]?[A-Za-z_][\w-]*$/;
// https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet#browser_compatibility this.styleElement = (( ) => {
// Firefox does not support constructor for CSSStyleSheet
this.stylesheet = (( ) => {
if ( typeof document !== 'object' ) { return null; } if ( typeof document !== 'object' ) { return null; }
if ( document instanceof Object === false ) { return null; } if ( document === null ) { return null; }
try { try {
return new CSSStyleSheet(); const styleElement = document.createElement('style');
styleElement.disabled = true;
document.body.append(styleElement);
return styleElement;
} catch(ex) { } catch(ex) {
} }
const style = document.createElement('style'); return null;
document.body.append(style);
const stylesheet = style.sheet;
style.remove();
return stylesheet;
})(); })();
this.div = (( ) => { this.div = (( ) => {
if ( typeof document !== 'object' ) { return null; } if ( typeof document !== 'object' ) { return null; }
@ -1468,18 +1465,17 @@ Parser.prototype.SelectorCompiler = class {
// Forbid multiple and unexpected CSS style declarations. // Forbid multiple and unexpected CSS style declarations.
sheetSelectable(s) { sheetSelectable(s) {
if ( this.reSimpleSelector.test(s) ) { return true; } if ( this.reSimpleSelector.test(s) ) { return true; }
if ( this.stylesheet === null ) { return true; } if ( this.styleElement === null ) { return true; }
try { try {
this.stylesheet.insertRule(`${s}{color:red}`); this.styleElement.textContent = `${s}{color:red}`;
if ( this.stylesheet.cssRules.length !== 1 ) { return false; } const rules = this.styleElement.sheet.cssRules;
const style = this.stylesheet.cssRules[0].style; if ( rules.length !== 1 ) { return false; }
const style = rules[0].style;
if ( style.length !== 1 ) { return false; } if ( style.length !== 1 ) { return false; }
if ( style.getPropertyValue('color') !== 'red' ) { return false; } if ( style.getPropertyValue('color') === 'red' ) { return true; }
this.stylesheet.deleteRule(0);
} catch (ex) { } catch (ex) {
return false;
} }
return true; return false;
} }
// https://github.com/uBlockOrigin/uBlock-issues/issues/1806 // https://github.com/uBlockOrigin/uBlock-issues/issues/1806
@ -1600,17 +1596,15 @@ Parser.prototype.SelectorCompiler = class {
// - opening comment `/*` // - opening comment `/*`
compileStyleProperties(s) { compileStyleProperties(s) {
if ( /image-set\(|url\(|\/\s*\/|\\|\/\*/i.test(s) ) { return; } if ( /image-set\(|url\(|\/\s*\/|\\|\/\*/i.test(s) ) { return; }
if ( this.stylesheet === null ) { return s; } if ( this.styleElement === null ) { return s; }
let valid = false; let valid = false;
try { try {
this.stylesheet.insertRule(`a{${s}}`); this.styleElement.textContent = `a{${s}} b{color:red;}`;
const rules = this.stylesheet.cssRules; const rules = this.styleElement.sheet.cssRules;
valid = rules.length !== 0 && rules[0].style.cssText !== ''; valid = rules.length >= 2 &&
rules[0].style.cssText !== '' &&
rules[1].style.cssText !== '';
} catch(ex) { } catch(ex) {
return;
}
if ( this.stylesheet.cssRules.length !== 0 ) {
this.stylesheet.deleteRule(0);
} }
if ( valid ) { return s; } if ( valid ) { return s; }
} }
@ -1781,8 +1775,12 @@ Parser.prototype.SelectorCompiler = class {
if ( i === n ) { break; } if ( i === n ) { break; }
} }
// when there is an explicit action, nothing should be left to parse.
if ( action !== undefined && opPrefixBeg < n ) { return; }
// No task found: then we have a CSS selector. // No task found: then we have a CSS selector.
// At least one task found: nothing should be left to parse. // At least one task found: either nothing or a valid plain CSS selector
// should be left to parse
if ( tasks.length === 0 ) { if ( tasks.length === 0 ) {
if ( action === undefined ) { if ( action === undefined ) {
prefix = raw; prefix = raw;
@ -1796,7 +1794,6 @@ Parser.prototype.SelectorCompiler = class {
} }
} else if ( opPrefixBeg < n ) { } else if ( opPrefixBeg < n ) {
if ( action !== undefined ) { return; }
const spath = this.compileSpathExpression(raw.slice(opPrefixBeg)); const spath = this.compileSpathExpression(raw.slice(opPrefixBeg));
if ( spath === undefined ) { return; } if ( spath === undefined ) { return; }
tasks.push([ ':spath', spath ]); tasks.push([ ':spath', spath ]);