@veritree/ui 0.84.0 → 0.84.1

package/mixins/floating-ui.js

@@ -139,12 +139,7 @@ export const floatingUiMixin = {
       const content = document.getElementById(this.componentContent.id);
       const minWidthLimit = Number(this.floatingUiMinWidth);
 
-      if (
-        this.top !== null ||
-        this.top !== undefined ||
-        this.left !== null ||
-        this.left !== undefined
-      ) {
+      if (this.top || this.left) {
         this.positionContentToTriggerByTopAndLeft(
           trigger,
           content,
@@ -153,29 +148,31 @@ export const floatingUiMixin = {
         return;
       }
 
-      computePosition(trigger, content, {
-        placement: this.placement,
-        middleware: [
-          offset(Number(this.offset)),
-          flip(),
-          shift({ padding: 5 }),
-          size({
-            apply({ rects }) {
-              if (!minWidthLimit) return;
-
-              const width = rects.reference.width;
-              const minWidth = width < minWidthLimit ? minWidthLimit : width;
-
-              Object.assign(content.style, {
-                minWidth: `${minWidth}px`,
-              });
-            },
-          }),
-        ],
-      }).then(({ x, y }) => {
-        Object.assign(content.style, {
-          left: `${x}px`,
-          top: `${y}px`,
+      this.floatingUiUpdaterDisposer = autoUpdate(trigger, content, () => {
+        computePosition(trigger, content, {
+          placement: this.placement,
+          middleware: [
+            offset(Number(this.offset)),
+            flip(),
+            shift({ padding: 5 }),
+            size({
+              apply({ rects }) {
+                if (!minWidthLimit) return;
+
+                const width = rects.reference.width;
+                const minWidth = width < minWidthLimit ? minWidthLimit : width;
+
+                Object.assign(content.style, {
+                  minWidth: `${minWidth}px`,
+                });
+              },
+            }),
+          ],
+        }).then(({ x, y }) => {
+          Object.assign(content.style, {
+            left: `${x}px`,
+            top: `${y}px`,
+          });
         });
       });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.84.0",
+  "version": "0.84.1",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",