@graupl/navigation-shelf 1.0.0-beta.20 → 1.0.0-beta.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graupl/navigation-shelf",
-  "version": "1.0.0-beta.20",
+  "version": "1.0.0-beta.21",
   "description": "A plugin for Graupl that provides a navigation shelf component.",
   "main": "dist/js/navigation-shelf.cjs.js",
   "module": "dist/js/navigation-shelf.es.js",

package/src/js/navigation-shelf/NavigationShelf.js

@@ -1389,6 +1389,8 @@ class NavigationShelf {
       return;
     }
 
+    let width = 0;
+
     this._observer = new ResizeObserver((entries) => {
       requestAnimationFrame(() => {
         for (const entry of entries) {
@@ -1402,6 +1404,8 @@ class NavigationShelf {
 
           if (typeof inlineSize !== "number") continue;
 
+          if (width === inlineSize) continue;
+
           const belowBreakpoint = inlineSize <= this._breakpointWidth;
           const aboveBreakpoint = inlineSize > this._breakpointWidth;
 
@@ -1413,6 +1417,8 @@ class NavigationShelf {
             this._locked.reset();
             this.lock({ force: true });
           }
+
+          width = inlineSize;
         }
       });
     });