Merge pull request #326 from DCMLab/fix_browser_observer_error

Fix browser observer error

Author: yrammos

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 }
 

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()
-    }
   }
 
   /**