Issue 4038 - Add element hiding rules in larger chunks

include.preload.js

Index: include.preload.js
diff --git a/include.preload.js b/include.preload.js
index cd418c734e3a2fb2ab7939057187399831966f97..479ef23dde078c5b6c14bf1cf9002a737555d272 100644
--- a/include.preload.js
+++ b/include.preload.js
@@ -16,7 +16,7 @@
  */
 
 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
-var SELECTOR_GROUP_SIZE = 20;
+var SELECTOR_GROUP_SIZE = 200;
 
 var typeMap = {
   "img": "IMAGE",
@@ -457,8 +457,11 @@ function init(document)
       selectors = preparedSelectors;
     }
 
-    // WebKit (and Blink?) apparently chokes when the selector list in a
-    // CSS rule is huge. So we split the elemhide selectors into groups.
+    // Safari only allows 8192 primitive selectors to be injected at once[1], we
+    // therefore chunk the inserted selectors into groups of 200 to be safe.
+    // (Chrome also has a limit, larger... but we're not certain exactly what it
+    //  is! Edge apparently has no such limit.)
+    // [1] - https://github.com/WebKit/webkit/blob/1cb2227f6b2a1035f7bdc46e5ab69debb75fc1de/Source/WebCore/css/RuleSet.h#L68
     for (var i = 0; i < selectors.length; i += SELECTOR_GROUP_SIZE)
     {
       var selector = selectors.slice(i, i + SELECTOR_GROUP_SIZE).join(", ");