@vuetify/nightly 3.8.7-dev.2025-05-27 → 3.8.7-dev.2025-05-30

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.7-dev.2025-05-27
+* Vuetify v3.8.7-dev.2025-05-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5908,8 +5908,8 @@
     window.clearTimeout(element._ripple.showTimer);
   }
   let keyboardRipple = false;
-  function keyboardRippleShow(e) {
-    if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {
+  function keyboardRippleShow(e, keys) {
+    if (!keyboardRipple && keys.includes(e.keyCode)) {
       keyboardRipple = true;
       rippleShow(e);
     }
@@ -5937,9 +5937,12 @@
     el._ripple.enabled = enabled;
     el._ripple.centered = modifiers.center;
     el._ripple.circle = modifiers.circle;
-    if (isObject(value) && value.class) {
-      el._ripple.class = value.class;
+    const bindingValue = isObject(value) ? value : {};
+    if (bindingValue.class) {
+      el._ripple.class = bindingValue.class;
     }
+    const allowedKeys = bindingValue.keys ?? [keyCodes.enter, keyCodes.space];
+    el._ripple.keyDownHandler = e => keyboardRippleShow(e, allowedKeys);
     if (enabled && !wasEnabled) {
       if (modifiers.stop) {
         el.addEventListener('touchstart', rippleStop, {
@@ -5961,7 +5964,7 @@
       el.addEventListener('mousedown', rippleShow);
       el.addEventListener('mouseup', rippleHide);
       el.addEventListener('mouseleave', rippleHide);
-      el.addEventListener('keydown', keyboardRippleShow);
+      el.addEventListener('keydown', e => keyboardRippleShow(e, allowedKeys));
       el.addEventListener('keyup', keyboardRippleHide);
       el.addEventListener('blur', focusRippleHide);
 
@@ -5981,7 +5984,9 @@
     el.removeEventListener('touchcancel', rippleHide);
     el.removeEventListener('mouseup', rippleHide);
     el.removeEventListener('mouseleave', rippleHide);
-    el.removeEventListener('keydown', keyboardRippleShow);
+    if (el._ripple?.keyDownHandler) {
+      el.removeEventListener('keydown', el._ripple.keyDownHandler);
+    }
     el.removeEventListener('keyup', keyboardRippleHide);
     el.removeEventListener('dragstart', rippleHide);
     el.removeEventListener('blur', focusRippleHide);
@@ -5990,8 +5995,8 @@
     updateRipple(el, binding, false);
   }
   function unmounted$4(el) {
-    delete el._ripple;
     removeListeners(el);
+    delete el._ripple;
   }
   function updated$1(el, binding) {
     if (binding.value === binding.oldValue) {
@@ -8702,11 +8707,18 @@
   // List
   const ListKey = Symbol.for('vuetify:list');
   function createList() {
+    let {
+      filterable
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      filterable: false
+    };
     const parent = vue.inject(ListKey, {
+      filterable: false,
       hasPrepend: vue.shallowRef(false),
       updateHasPrepend: () => null
     });
     const data = {
+      filterable: parent.filterable || filterable,
       hasPrepend: vue.shallowRef(false),
       updateHasPrepend: value => {
         if (value) data.hasPrepend.value = value;
@@ -9658,6 +9670,9 @@
         roundedClasses
       } = useRounded(roundedProps);
       const lineClasses = vue.toRef(() => props.lines ? `v-list-item--${props.lines}-line` : undefined);
+      const rippleOptions = vue.toRef(() => props.ripple !== undefined && !!props.ripple && list?.filterable ? {
+        keys: [keyCodes.enter]
+      } : props.ripple);
       const slotProps = vue.computed(() => ({
         isActive: isActive.value,
         select,
@@ -9682,8 +9697,9 @@
       function onKeyDown(e) {
         const target = e.target;
         if (['INPUT', 'TEXTAREA'].includes(target.tagName)) return;
-        if (e.key === 'Enter' || e.key === ' ') {
+        if (e.key === 'Enter' || e.key === ' ' && !list?.filterable) {
           e.preventDefault();
+          e.stopPropagation();
           e.target.dispatchEvent(new MouseEvent('click', e));
         }
       }
@@ -9793,7 +9809,7 @@
           }), vue.createElementVNode("div", {
             "class": "v-list-item__spacer"
           }, null)])]
-        }), [[Ripple, isClickable.value && props.ripple]]);
+        }), [[Ripple, isClickable.value && rippleOptions.value]]);
       });
       return {
         activate,
@@ -10116,6 +10132,7 @@
     activeClass: String,
     bgColor: String,
     disabled: Boolean,
+    filterable: Boolean,
     expandIcon: IconValue,
     collapseIcon: IconValue,
     lines: {
@@ -10199,7 +10216,9 @@
       const activeColor = vue.toRef(() => props.activeColor);
       const baseColor = vue.toRef(() => props.baseColor);
       const color = vue.toRef(() => props.color);
-      createList();
+      createList({
+        filterable: props.filterable
+      });
       provideDefaults({
         VListGroup: {
           activeColor,
@@ -13822,7 +13841,7 @@
         menu.value = !menu.value;
       }
       function onListKeydown(e) {
-        if (e.key !== ' ' && checkPrintable(e)) {
+        if (checkPrintable(e) || e.key === 'Backspace') {
           vTextFieldRef.value?.focus();
         }
       }
@@ -14027,6 +14046,7 @@
           }, props.menuProps), {
             default: () => [hasList && vue.createVNode(VList, vue.mergeProps({
               "ref": listRef,
+              "filterable": true,
               "selected": selectedValues.value,
               "selectStrategy": props.multiple ? 'independent' : 'single-independent',
               "onMousedown": e => e.preventDefault(),
@@ -18565,7 +18585,7 @@
         menu.value = !menu.value;
       }
       function onListKeydown(e) {
-        if (e.key !== ' ' && checkPrintable(e)) {
+        if (checkPrintable(e) || e.key === 'Backspace') {
           vTextFieldRef.value?.focus();
         }
       }
@@ -18770,6 +18790,7 @@
           }, props.menuProps), {
             default: () => [hasList && vue.createVNode(VList, vue.mergeProps({
               "ref": listRef,
+              "filterable": true,
               "selected": selectedValues.value,
               "selectStrategy": props.multiple ? 'independent' : 'single-independent',
               "onMousedown": e => e.preventDefault(),
@@ -29502,7 +29523,7 @@
       };
     });
   }
-  const version$1 = "3.8.7-dev.2025-05-27";
+  const version$1 = "3.8.7-dev.2025-05-30";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29527,7 +29548,7 @@
       ...options
     });
   };
-  const version = "3.8.7-dev.2025-05-27";
+  const version = "3.8.7-dev.2025-05-30";
   createVuetify.version = version;
 
   exports.blueprints = index;