From 76e1df47122062a9e3001611eb88ce021e3708ce Mon Sep 17 00:00:00 2001
From: Nate Weaver <wevah@derailer.org>
Date: Sun, 24 Sep 2023 16:23:12 -0500
Subject: [PATCH] Fix footnote popovers overlapping nearby later footnote
 bubbles

---
 Shared/Article Rendering/newsfoot.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/Shared/Article Rendering/newsfoot.js b/Shared/Article Rendering/newsfoot.js
index aba1bc8ec..6bd3c6d7d 100644
--- a/Shared/Article Rendering/newsfoot.js	
+++ b/Shared/Article Rendering/newsfoot.js	
@@ -55,7 +55,9 @@
 			this.popover = footnoteMarkup(content);
 			this.style = window.getComputedStyle(this.popover);
 			this.fnref = fnref;
-			this.fnref.closest(`.${CONTAINER_CLS}`).insertBefore(this.popover, fnref);
+			let container = this.fnref.closest(`.${CONTAINER_CLS}`);
+			container.insertBefore(this.popover, fnref);
+			container.style.zIndex = 1;
 			/** @type {HTMLElement} */
 		    this.arrow = this.popover.querySelector(`.${POPOVER_ARROW_CLS}`);
 			this.reposition();
@@ -77,6 +79,7 @@
 		}
   
 		cleanup() {
+			this.fnref.closest(`.${CONTAINER_CLS}`).style.zIndex = 0;
 			remove(this.popover);
 			document.removeEventListener("click", this.clickoutHandler, {capture: true});
 			window.removeEventListener("resize", this.resizeHandler);