@vuetify/nightly 3.3.9-master.2023-07-19 → 3.3.9-master.2023-07-21

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.9-master.2023-07-19
+* Vuetify v3.3.9-master.2023-07-21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9718,6 +9718,20 @@
         }
         return false;
       },
+      set(target, key, value) {
+        if (Reflect.has(target, key)) {
+          return Reflect.set(target, key, value);
+        }
+
+        // Skip internal properties
+        if (typeof key === 'symbol' || key.startsWith('__')) return false;
+        for (const ref of refs) {
+          if (ref.value && Reflect.has(ref.value, key)) {
+            return Reflect.set(ref.value, key, value);
+          }
+        }
+        return false;
+      },
       getOwnPropertyDescriptor(target, key) {
         const descriptor = Reflect.getOwnPropertyDescriptor(target, key);
         if (descriptor) return descriptor;
@@ -10808,7 +10822,7 @@
         menu.value = !menu.value;
       }
       function onKeydown(e) {
-        if (props.readonly || form?.isReadonly.value) return;
+        if (!e.key || props.readonly || form?.isReadonly.value) return;
         if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {
           e.preventDefault();
         }
@@ -10872,6 +10886,16 @@
       function onFocusin(e) {
         isFocused.value = true;
       }
+      function onModelUpdate(v) {
+        if (v == null) model.value = [];else if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+          const item = items.value.find(item => item.title === v);
+          if (item) {
+            select(item);
+          }
+        } else if (vTextFieldRef.value) {
+          vTextFieldRef.value.value = '';
+        }
+      }
       useRender(() => {
         const hasChips = !!(props.chips || slots.chip);
         const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -10882,9 +10906,7 @@
           "ref": vTextFieldRef
         }, textFieldProps, {
           "modelValue": model.value.map(v => v.props.value).join(', '),
-          "onUpdate:modelValue": v => {
-            if (v == null) model.value = [];
-          },
+          "onUpdate:modelValue": onModelUpdate,
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
@@ -10897,7 +10919,7 @@
             'v-select--selection-slot': !!slots.selection
           }, props.class],
           "style": props.style,
-          "readonly": true,
+          "inputmode": "none",
           "placeholder": placeholder,
           "onClick:clear": onClear,
           "onMousedown:control": onMousedownControl,
@@ -11319,6 +11341,14 @@
       function onInput(e) {
         search.value = e.target.value;
       }
+      function onChange(e) {
+        if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+          const item = items.value.find(item => item.title === e.target.value);
+          if (item) {
+            select(item);
+          }
+        }
+      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -11398,6 +11428,7 @@
           "validationValue": model.externalValue,
           "dirty": isDirty,
           "onInput": onInput,
+          "onChange": onChange,
           "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
             'v-autocomplete--active-menu': menu.value,
             'v-autocomplete--chips': !!props.chips,
@@ -16387,7 +16418,7 @@
       });
     });
     vue.onBeforeUnmount(() => {
-      document.removeEventListener('scroll', onScroll);
+      window.removeEventListener('scroll', onScroll);
     });
     let lastScrollTop = 0;
     function onScroll() {
@@ -20183,7 +20214,7 @@
       date
     };
   }
-  const version$1 = "3.3.9-master.2023-07-19";
+  const version$1 = "3.3.9-master.2023-07-21";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20208,7 +20239,7 @@
       ...options
     });
   };
-  const version = "3.3.9-master.2023-07-19";
+  const version = "3.3.9-master.2023-07-21";
   createVuetify.version = version;
 
   exports.components = components;