From 613a9c0c2b2e1012aa854772e44f8d498a120b14 Mon Sep 17 00:00:00 2001
From: Robin Nicole <crowerade@protonmail.com>
Date: Wed, 9 Jul 2025 16:42:58 +0200
Subject: [PATCH] fix: remove unused code that caused the error

---
 src/js/modules/UI/Layers/index.js        | 32 ------------------------
 src/js/modules/UI/Layers/layer_resize.js |  5 ----
 2 files changed, 37 deletions(-)

diff --git a/src/js/modules/UI/Layers/index.js b/src/js/modules/UI/Layers/index.js
index 065f134a..a4f41730 100644
--- a/src/js/modules/UI/Layers/index.js
+++ b/src/js/modules/UI/Layers/index.js
@@ -64,8 +64,6 @@ class LayersMenu {
 
     this.setDataPosition()
     this.addMouseListeners()
-    this.observe()
-    this.updateNavigation()
     this.updateLayersCount()
 
     this.reductions.onTap(e)
@@ -131,36 +129,6 @@ class LayersMenu {
     doc.classList.toggle('not-in-layer-1', !layerOneIsActive)
   }
 
-  // Observe intersection of layers with viewport to know the current one.
-
-  observe() {
-
-    // Remove IntersectionObserver if there’s only 1 layer.
-    if (this.contexts.length < 2) {
-      this.contexts[0].observing = false
-
-      // https://w3c.github.io/IntersectionObserver/#lifetime
-      return this.observer.disconnect()
-    }
-
-    this.contexts
-      .filter(layer => !layer.observing)
-      .forEach(layer => {
-
-        /**
-         * Add element that will always intersect respecting ratios.
-         * See `/src/sass/score/score.scss`
-         */
-        if (layer.layer.layer_elem.childElementCount == 1) {
-          layer.layer.layer_elem.insertAdjacentHTML('beforeend',
-            `<div class="layer-intersection-landmark" data-position="${layer.layer.layer_number}"></div>`
-          )
-        }
-        this.observer.observe(layer.layer.layer_elem.querySelector('.layer-intersection-landmark'))
-        layer.observing = true
-      })
-  }
-
   addMouseListeners() {
     if (!navigation_conf.switch_context_on_hover) { return }
 
diff --git a/src/js/modules/UI/Layers/layer_resize.js b/src/js/modules/UI/Layers/layer_resize.js
index 59d37e8b..0fa59e56 100644
--- a/src/js/modules/UI/Layers/layer_resize.js
+++ b/src/js/modules/UI/Layers/layer_resize.js
@@ -117,11 +117,6 @@ export function initLayerResize(layersMenu) {
     if (newHeight <= state.minHeight) {
       state.currentLayer.style.height = `${state.minHeight}px`
     }
-
-    // Update any related components if needed
-    if (layersMenu && typeof layersMenu.observe === 'function') {
-      layersMenu.observe()
-    }
   }
 
   /**