Align content_cosmetic_ios.js with changes to SelectorsPollerScript.js:

    - Generic cosmetic filter list rules are not applied on some sites (brave/brave-browser#42471).
    - Local frames fix (brave/brave-browser#40649).
    - Use secure $.windowOrigin (brave/brave-browser#42539).
    - Fix pulse on some subreddits with Shields and Night Mode enabled on iOS (brave/brave-browser#43096)

Author: StephenHeaps

components/cosmetic_filters/resources/data/content_cosmetic_ios.js

@@ -15,7 +15,7 @@ import { applyCompiledSelector, compileProceduralSelector } from './procedural_f
     return $.postNativeMessage(messageHandler, {
       "securityToken": SECURITY_TOKEN,
       "data": {
-        sourceURL: window.location.href,
+        windowOrigin: $.windowOrigin,
         ids: ids,
         classes: classes
       }
@@ -32,7 +32,7 @@ import { applyCompiledSelector, compileProceduralSelector } from './procedural_f
     return $.postNativeMessage(partinessMessageHandler, {
       "securityToken": SECURITY_TOKEN,
       "data": {
-        sourceURL: window.location.href,
+        windowOrigin: $.windowOrigin,
         urls: urls,
       }
     })
@@ -201,8 +201,11 @@ import { applyCompiledSelector, compileProceduralSelector } from './procedural_f
    * @returns True or false indicating if anything was extracted
    */
   const extractIDSelectorIfNeeded = (element) => {
-    const id = element.id
+    const id = element.getAttribute('id')
     if (!id) { return false }
+    if (typeof id !== 'string' && !(id instanceof String)) {
+      return false
+    }
     const selector = `#${id}`
     if (!CC.allSelectors.has(selector)) {
       CC.allSelectors.add(selector)
@@ -1012,12 +1015,24 @@ import { applyCompiledSelector, compileProceduralSelector } from './procedural_f
     styleElm.setAttribute('type', 'text/css')
     targetElm.appendChild(styleElm)
     CC.cosmeticStyleSheet = styleElm
+    // The previous `nextElementSibling` we moved our stylesheet below
+    var prevNextElementSibling = null;
 
     // Start a timer that moves the stylesheet down
     window.setInterval(() => {
       if (styleElm.nextElementSibling === null || styleElm.parentElement !== targetElm) {
         return
       }
+      if (styleElm.nextElementSibling !==  null) {
+        // if we already moved below this element
+        if (prevNextElementSibling === styleElm.nextElementSibling) {
+          // Avoid a loop where we are repeatedly swapping places with another
+          // element. This can happen with `darkreader` (night mode) for
+          // example and cause unwanted animations to repeat.
+          return
+        }
+        prevNextElementSibling = styleElm.nextElementSibling;
+      }
       moveStyle()
     }, 1000)
   }