@danielgindi/selectbox 1.0.103 → 1.0.104

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.103
+ * @danielgindi/selectbox 1.0.104
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -10053,20 +10053,31 @@ var SelectBox = /*#__PURE__*/function () {
     p.sink.add(window, 'orientationchange', function () {return _this._resizeInput();});
 
     if (window.ResizeObserver !== undefined) {
-      p.resizeObserver = new ResizeObserver(function () {
-        p.resizeObserver.unobserve(p.el); // avoid ResizeObserver infinite loop
-
+      var lastSize = {
+        borderBoxSize: {
+          blockSize: null,
+          inlineSize: null
+        },
+        contentBoxSize: {
+          blockSize: null,
+          inlineSize: null
+        }
+      };
+      p.resizeObserver = new ResizeObserver(function (entries) {
         if (_this[DestroyedSymbol])
         return;
 
-        _this._resizeInput();
+        var entry = entries[0];
+        if (!lastSize ||
+        entry.borderBoxSize[0].blockSize !== lastSize.borderBoxSize.blockSize ||
+        entry.borderBoxSize[0].inlineSize !== lastSize.borderBoxSize.inlineSize ||
+        entry.contentBoxSize[0].blockSize !== lastSize.contentBoxSize.blockSize ||
+        entry.contentBoxSize[0].inlineSize !== lastSize.contentBoxSize.inlineSize) {
+          _this._resizeInput();
+        }
 
-        // avoid ResizeObserver infinite loop - only renew the observation after the new layout has settled
-        requestAnimationFrame(function () {
-          if (_this[DestroyedSymbol])
-          return;
-          p.resizeObserver.observe(p.el);
-        });
+        lastSize.borderBoxSize = entry.borderBoxSize[0];
+        lastSize.contentBoxSize = entry.contentBoxSize[0];
       });
       p.resizeObserver.observe(p.el);
     }