primevue 4.3.0 → 4.3.2

package/multiselect/MultiSelect.vue

@@ -738,6 +738,7 @@ export default {
             this.scrollInView();
 
             this.autoFilterFocus && focus(this.$refs.filterInput.$el);
+            this.autoUpdateModel();
         },
         onOverlayAfterEnter() {
             this.bindOutsideClickListener();
@@ -995,8 +996,11 @@ export default {
             });
         },
         autoUpdateModel() {
-            if (this.selectOnFocus && this.autoOptionFocus && !this.$filled) {
+            if (this.autoOptionFocus) {
                 this.focusedOptionIndex = this.findFirstFocusedOptionIndex();
+            }
+
+            if (this.selectOnFocus && this.autoOptionFocus && !this.$filled) {
                 const value = this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);
 
                 this.updateModel(null, [value]);

package/multiselect/index.d.ts

@@ -364,7 +364,7 @@ export interface MultiSelectProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -379,7 +379,7 @@ export interface MultiSelectProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue null
@@ -456,7 +456,7 @@ export interface MultiSelectProps {
      * Defines how the selected items are displayed.
      * @defaultValue comma
      */
-    display?: 'comma' | 'chip' | undefined;
+    display?: HintedString<'comma' | 'chip'> | undefined;
     /**
      * Label to display after exceeding max selected labels.
      * @defaultValue null

package/multiselect/index.mjs

@@ -665,6 +665,7 @@ var script = {
       this.alignOverlay();
       this.scrollInView();
       this.autoFilterFocus && focus(this.$refs.filterInput.$el);
+      this.autoUpdateModel();
     },
     onOverlayAfterEnter: function onOverlayAfterEnter() {
       this.bindOutsideClickListener();
@@ -961,8 +962,10 @@ var script = {
       });
     },
     autoUpdateModel: function autoUpdateModel() {
-      if (this.selectOnFocus && this.autoOptionFocus && !this.$filled) {
+      if (this.autoOptionFocus) {
         this.focusedOptionIndex = this.findFirstFocusedOptionIndex();
+      }
+      if (this.selectOnFocus && this.autoOptionFocus && !this.$filled) {
         var value = this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);
         this.updateModel(null, [value]);
       }