Fix #77

OctoNezd · Dec 30, 2023 · 4953bb2 · 4953bb2
1 parent 6d6c36b
commit 4953bb2
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/sidebar/index.ts b/src/sidebar/index.ts
@@ -2,7 +2,7 @@ import "swiped-events";
 import buildSubredditSidebar from "./subredditSidebar";
 import buildUserSidebar from "./userSidebar";
 
-const eventListeners: { [id: string]: (() => void)[] } = {
+const eventListeners: { [id: string]: ((event: Event) => void)[] } = {
     toggleUser: [],
     toggleSub: [],
     "swiped-right": [],
@@ -14,7 +14,7 @@ let subSide: HTMLDivElement | undefined,
     subToggle: () => void | undefined,
     userToggle: () => void | undefined;
 
-function setEventListener(type: string, listener: () => void) {
+function setEventListener(type: string, listener: (event: Event) => void) {
     for (const currentListener of eventListeners[type]) {
         document.removeEventListener(type, currentListener);
     }
@@ -35,21 +35,31 @@ async function setupUserSidebar() {
     setSidebarEvents();
 }
 
+const swipeIgnoreTags = ["PRE", "CODE"]
+
 function setSidebarEvents() {
     if (subToggle) {
         setEventListener("toggleSub", subToggle);
     }
     if (userToggle) {
         setEventListener("toggleUser", userToggle);
     }
-    setEventListener("swiped-right", function () {
+    setEventListener("swiped-right", function (event) {
+        const target = event.target as HTMLElement;
+        if (target && swipeIgnoreTags.includes(target.tagName)) {
+            return
+        }
         if (subSide && subSide.classList.contains("active")) {
             subToggle();
         } else if (userSide && !userSide.classList.contains("active")) {
             userToggle();
         }
     });
-    setEventListener("swiped-left", function () {
+    setEventListener("swiped-left", function (event) {
+        const target = event.target as HTMLElement;
+        if (target && swipeIgnoreTags.includes(target.tagName)) {
+            return
+        }
         if (userSide && userSide.classList.contains("active")) {
             userToggle();
         } else if (subSide && !subSide.classList.contains("active")) {