Fixed element selection bug

src/contentScript.js

@@ -59,14 +59,7 @@ function checkForShouldKillSticky(result) {
 function startConstantVigilance() {
 	var observer = new MutationObserver((mutationsList, observer) => {
 		for (var mutation of mutationsList) {
-			if (getComputedStyle(mutation.target).position == 'fixed' ||
+			killSticky(mutation.target);
-				getComputedStyle(mutation.target).position == 'sticky') {
-				mutation.target.remove();
-				console.log("Killing a sticky!");
-
-				// Compensate for fullscreen paywalls.
-				restoreScrollability();
-			}
 		}
 	});
 
@@ -87,13 +80,14 @@ function initialize() {
 		let shouldKillSticky = checkForShouldKillSticky(result);
 		updateIcon(shouldKillSticky);
 		if (shouldKillSticky) {
-			startConstantVigilance();
+			function beginKillingStickies() {
-			if (document.readyState == "loading") {
-				document.addEventListener("DOMContentLoaded", () => {
-					killSticky();
-				});
-			} else {
 				killSticky();
+				startConstantVigilance();
+			}
+			if (document.readyState == "loading") {
+				document.addEventListener("DOMContentLoaded", beginKillingStickies);
+			} else {
+				beginKillingStickies();
 			}
 		}
 	});

src/functions.js

@@ -46,14 +46,18 @@ function updateIcon(shouldKillSticky, tabID) {
 	all elements whose 'position' CSS property has a computed value of either
 	'sticky' or 'fixed', and removes those elements.
 	*/
-function killSticky() {
+function killSticky(root) {
-	console.log("Killing all stickies!");
+	var message = root ? "Killing all stickies!" : "Killing more stickies!";
-	document.querySelectorAll('body *').forEach(element => {
+	console.log(message);
+
+	root = root || document.querySelector("body");
+	root.querySelectorAll('*').forEach(element => {
 		if (getComputedStyle(element).position === 'fixed' || 
 			getComputedStyle(element).position === 'sticky') {
 			element.remove();
 		}
 	});
+
 	// Compensate for full-screen paywalls.
 	restoreScrollability();
 }