fix : dropdown width auto_position

selectize · Dec 23, 2022 · 20beb5f · 20beb5f
1 parent 357678c
commit 20beb5f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/plugins/auto_position/plugin.js b/src/plugins/auto_position/plugin.js
@@ -21,8 +21,9 @@ Selectize.define("auto_position", function () {
           controlPosBottom - dropdownHeight - wrapperHeight >= 0 ?
           POSITION.top :
           POSITION.bottom;
+      const w = this.$wrapper[0].style.width !== 'fit-content' ? '100%' : 'max-content';
       const styles = {
-        width: $control.outerWidth(),
+        width: w,
         left: offset.left
       };
 
@@ -43,6 +44,12 @@ Selectize.define("auto_position", function () {
       }
 
       this.$dropdown.css(styles);
+
+      if (w === 'max-content' && $control[0].getBoundingClientRect().width >= this.$dropdown[0].getBoundingClientRect().width) {
+        this.$dropdown.css({
+          width : '100%'
+        });
+      }
     };
   }());
 });