@vuetify/nightly 4.0.0-dev-20230513.0 → 4.0.0-dev-20230515.0

package/CHANGELOG.md

@@ -1,14 +1,17 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230513.0...v) (2023-05-13)
+# [](https://github.com/vuetifyjs/vuetify/compare/v4.0.0-dev-20230515.0...v) (2023-05-15)
 
 
 
-# [4.0.0-dev-20230513.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.4...v4.0.0-dev-20230513.0) (2023-05-13)
+# [4.0.0-dev-20230515.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.4...v4.0.0-dev-20230515.0) (2023-05-15)
 
 
 ### Bug Fixes
 
 * **group:** respect selection order in v-model ([#17325](https://github.com/vuetifyjs/vuetify/issues/17325)) ([1de8468](https://github.com/vuetifyjs/vuetify/commit/1de84681a2437e7400ee68f9616a636e33789c6b)), closes [#17227](https://github.com/vuetifyjs/vuetify/issues/17227)
+* **VCombobox:** close menu on icon mousedown ([3d91fe7](https://github.com/vuetifyjs/vuetify/commit/3d91fe7906ad84f8c177e3815a72074d778081c9)), closes [#17280](https://github.com/vuetifyjs/vuetify/issues/17280) [#17355](https://github.com/vuetifyjs/vuetify/issues/17355)
+* **VCombobox:** show menu icon when hideNoData is disabled ([c69dc9e](https://github.com/vuetifyjs/vuetify/commit/c69dc9e851e48e8fbff56119d9077b94e1666b82))
 * **VSelect:** don't erase readonly items array type ([24396ea](https://github.com/vuetifyjs/vuetify/commit/24396ea3d71dc458529d0a99b07bebb4d950947f)), closes [#17361](https://github.com/vuetifyjs/vuetify/issues/17361)
+* **VSelect:** don't rotate append-inner-icon ([4d60eb7](https://github.com/vuetifyjs/vuetify/commit/4d60eb7b67b55e4a5a20d7f61c75175d967e9bf9)), closes [#4447](https://github.com/vuetifyjs/vuetify/issues/4447)
 * **VSwitch:** only apply auto width when using inset prop ([ad49126](https://github.com/vuetifyjs/vuetify/commit/ad4912683cd48a5ac733cf895917a458d5763f48)), closes [#17312](https://github.com/vuetifyjs/vuetify/issues/17312)
 
 

package/dist/json/importMap.json

@@ -264,10 +264,6 @@
       "from": "components/VMain/index.mjs",
       "styles": []
     },
-    "VMenu": {
-      "from": "components/VMenu/index.mjs",
-      "styles": []
-    },
     "VMessages": {
       "from": "components/VMessages/index.mjs",
       "styles": []
@@ -348,6 +344,10 @@
       "from": "components/VTabs/index.mjs",
       "styles": []
     },
+    "VMenu": {
+      "from": "components/VMenu/index.mjs",
+      "styles": []
+    },
     "VTable": {
       "from": "components/VTable/index.mjs",
       "styles": []

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "4.0.0-dev-20230513.0",
+  "version": "4.0.0-dev-20230515.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230513.0
+* Vuetify v4.0.0-dev-20230515.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15954,6 +15954,169 @@ html.overflow-y-hidden {
   font-weight: normal;
   padding: 0.2em 0.4rem;
   box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}.v-data-table {
+  width: 100%;
+}
+
+.v-data-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.v-data-table__tr--focus {
+  border: 1px dotted black;
+}
+.v-data-table__tr--clickable {
+  cursor: pointer;
+}
+
+.v-data-table .v-table__wrapper > table > thead > tr > td,
+.v-data-table .v-table__wrapper > table > thead > tr th,
+.v-data-table .v-table__wrapper > table tbody > tr > td,
+.v-data-table .v-table__wrapper > table tbody > tr th {
+  background: rgb(var(--v-theme-surface));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
+  text-align: end;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
+  flex-direction: row-reverse;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
+  text-align: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
+  justify-content: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
+  padding: 0 8px;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th,
+.v-data-table .v-table__wrapper > table tbody > tr > th {
+  align-items: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
+.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
+  cursor: pointer;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
+  opacity: 0;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
+  opacity: 0.5;
+}
+
+.v-data-table-column--fixed {
+  position: sticky;
+  z-index: 2;
+  left: 0;
+}
+
+.v-data-table-column--last-fixed {
+  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+}
+
+.v-data-table-group-header-row td {
+  background: lightgrey;
+}
+.v-data-table-group-header-row td > span {
+  padding-left: 5px;
+}
+
+.v-data-table--loading .v-data-table__td {
+  opacity: 0.3;
+}
+
+.v-data-table__progress th {
+  position: relative;
+  border: none !important;
+  height: auto !important;
+}
+
+.v-data-table-group-header-row__column {
+  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
+}
+
+.v-data-table-header__content {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-header__sort-badge {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.875rem;
+  padding: 4px;
+  border-radius: 50%;
+  background: rgba(var(--v-border-color), var(--v-border-opacity));
+  min-width: 20px;
+  min-height: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.v-data-table-headers__loader {
+  bottom: auto;
+  top: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.v-data-table-rows-no-data {
+  text-align: center;
+}.v-data-table-footer {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 0 8px;
+  justify-content: flex-end;
+}
+
+.v-data-table-footer__items-per-page {
+  padding-inline-end: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.v-data-table-footer__items-per-page > span {
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__info {
+  display: flex;
+  padding-inline-end: 24px;
+}
+
+.v-data-table-footer__pagination {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-footer__page {
+  padding: 0 8px;
 }.v-infinite-scroll--horizontal {
   display: flex;
   flex-direction: row;
@@ -16199,169 +16362,6 @@ html.overflow-y-hidden {
   100% {
     transform: translateX(100%);
   }
-}.v-data-table {
-  width: 100%;
-}
-
-.v-data-table__table {
-  width: 100%;
-  border-collapse: separate;
-  border-spacing: 0;
-}
-
-.v-data-table__tr--focus {
-  border: 1px dotted black;
-}
-.v-data-table__tr--clickable {
-  cursor: pointer;
-}
-
-.v-data-table .v-table__wrapper > table > thead > tr > td,
-.v-data-table .v-table__wrapper > table > thead > tr th,
-.v-data-table .v-table__wrapper > table tbody > tr > td,
-.v-data-table .v-table__wrapper > table tbody > tr th {
-  background: rgb(var(--v-theme-surface));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
-  text-align: end;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
-  flex-direction: row-reverse;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
-  text-align: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
-  justify-content: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
-.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
-  padding: 0 8px;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th,
-.v-data-table .v-table__wrapper > table tbody > tr > th {
-  align-items: center;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
-.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
-  cursor: pointer;
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
-  opacity: 0;
-}
-.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
-.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
-  opacity: 0.5;
-}
-
-.v-data-table-column--fixed {
-  position: sticky;
-  z-index: 2;
-  left: 0;
-}
-
-.v-data-table-column--last-fixed {
-  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
-}
-
-.v-data-table-group-header-row td {
-  background: lightgrey;
-}
-.v-data-table-group-header-row td > span {
-  padding-left: 5px;
-}
-
-.v-data-table--loading .v-data-table__td {
-  opacity: 0.3;
-}
-
-.v-data-table__progress th {
-  position: relative;
-  border: none !important;
-  height: auto !important;
-}
-
-.v-data-table-group-header-row__column {
-  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
-}
-
-.v-data-table-header__content {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-header__sort-badge {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 0.875rem;
-  padding: 4px;
-  border-radius: 50%;
-  background: rgba(var(--v-border-color), var(--v-border-opacity));
-  min-width: 20px;
-  min-height: 20px;
-  width: 20px;
-  height: 20px;
-}
-
-.v-data-table-headers__loader {
-  bottom: auto;
-  top: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-.v-data-table-rows-no-data {
-  text-align: center;
-}.v-data-table-footer {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 0 8px;
-  justify-content: flex-end;
-}
-
-.v-data-table-footer__items-per-page {
-  padding-inline-end: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.v-data-table-footer__items-per-page > span {
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__info {
-  display: flex;
-  padding-inline-end: 24px;
-}
-
-.v-data-table-footer__pagination {
-  display: flex;
-  align-items: center;
-}
-
-.v-data-table-footer__page {
-  padding: 0 8px;
 }.v-application {
   display: flex;
   background: rgb(var(--v-theme-background));
@@ -16621,10 +16621,6 @@ html.overflow-y-hidden {
   align-self: flex-start;
   flex: 1 1;
 }
-.v-autocomplete .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
 .v-autocomplete .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
@@ -16651,10 +16647,6 @@ html.overflow-y-hidden {
   line-height: inherit;
   max-width: 100%;
 }
-.v-autocomplete--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
-}
 .v-autocomplete--chips .v-autocomplete__selection {
   margin-top: 2px;
   margin-bottom: var(--autocomplete-chips-margin-bottom);
@@ -16688,6 +16680,14 @@ html.overflow-y-hidden {
 }
 .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
   opacity: 0;
+}
+.v-autocomplete__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-autocomplete--active-menu .v-autocomplete__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-avatar {
   flex: none;
   align-items: center;
@@ -18396,10 +18396,6 @@ html.overflow-y-hidden {
   align-self: flex-start;
   flex: 1 1;
 }
-.v-combobox .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
 .v-combobox .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
@@ -18426,10 +18422,6 @@ html.overflow-y-hidden {
   line-height: inherit;
   max-width: 100%;
 }
-.v-combobox--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
-}
 .v-combobox--chips .v-combobox__selection {
   margin-top: 2px;
   margin-bottom: var(--combobox-chips-margin-bottom);
@@ -18463,6 +18455,14 @@ html.overflow-y-hidden {
 }
 .v-combobox--single .v-field--focused .v-combobox__selection {
   opacity: 0;
+}
+.v-combobox__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox--active-menu .v-combobox__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-container {
   width: 100%;
   padding: 16px;
@@ -21616,10 +21616,6 @@ html.v-overlay-scroll-blocked {
   transition: none;
   pointer-events: none;
 }
-.v-select .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
 .v-select .v-field--dirty .v-select__selection {
   margin-inline-end: 2px;
 }
@@ -21639,10 +21635,6 @@ html.v-overlay-scroll-blocked {
   line-height: inherit;
   max-width: 100%;
 }
-.v-select--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
-}
 .v-select--chips .v-select__selection {
   margin-top: 2px;
   margin-bottom: var(--select-chips-margin-bottom);
@@ -21652,6 +21644,14 @@ html.v-overlay-scroll-blocked {
 }
 .v-select--selected .v-field .v-field__input > input {
   opacity: 0;
+}
+.v-select__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-select--active-menu .v-select__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }.v-selection-control {
   align-items: center;
   contain: layout;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v4.0.0-dev-20230513.0
+* Vuetify v4.0.0-dev-20230515.0
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -385,6 +385,7 @@ function focusChild(el, location) {
     if (_el) _el.focus();else focusChild(el, location === 'next' ? 'first' : 'last');
   }
 }
+function noop() {}
 
 const block = ['top', 'bottom'];
 const inline = ['start', 'end', 'left', 'right'];
@@ -10354,7 +10355,6 @@ const VSelect = genericComponent()({
           'v-select--selected': model.value.length
         }, props.class],
         "style": props.style,
-        "appendInnerIcon": props.menuIcon,
         "readonly": true,
         "placeholder": placeholder,
         "onClick:clear": onClear,
@@ -10461,7 +10461,16 @@ const VSelect = genericComponent()({
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-select__selection-comma"
           }, [createTextVNode(",")])])]);
-        })])
+        })]),
+        'append-inner': function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
+            "class": "v-select__menu-icon",
+            "icon": props.menuIcon
+          }, null) : undefined]);
+        }
       });
     });
     return forwardRefs({
@@ -10676,6 +10685,13 @@ const VAutocomplete = genericComponent()({
       if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
       menu.value = true;
     }
+    function onMousedownMenuIcon(e) {
+      if (isFocused.value) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      menu.value = !menu.value;
+    }
     function onKeydown(e) {
       if (props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -10803,7 +10819,6 @@ const VAutocomplete = genericComponent()({
           'v-autocomplete--selecting-index': selectionIndex.value > -1
         }, props.class],
         "style": props.style,
-        "appendInnerIcon": props.menuIcon,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
@@ -10908,7 +10923,18 @@ const VAutocomplete = genericComponent()({
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-autocomplete__selection-comma"
           }, [createTextVNode(",")])])]);
-        })])
+        })]),
+        'append-inner': function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
+            "class": "v-autocomplete__menu-icon",
+            "icon": props.menuIcon,
+            "onMousedown": onMousedownMenuIcon,
+            "onClick": noop
+          }, null) : undefined]);
+        }
       });
     });
     return forwardRefs({
@@ -14142,6 +14168,13 @@ const VCombobox = genericComponent()({
       if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
       menu.value = true;
     }
+    function onMousedownMenuIcon(e) {
+      if (isFocused.value) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      menu.value = !menu.value;
+    }
     function onKeydown(e) {
       if (props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -14265,7 +14298,6 @@ const VCombobox = genericComponent()({
           [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true
         }, props.class],
         "style": props.style,
-        "appendInnerIcon": props.items.length ? props.menuIcon : undefined,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,
         "onClick:clear": onClear,
@@ -14370,7 +14402,18 @@ const VCombobox = genericComponent()({
           }, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
             "class": "v-combobox__selection-comma"
           }, [createTextVNode(",")])])]);
-        })])
+        })]),
+        'append-inner': function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return createVNode(Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? createVNode(VIcon, {
+            "class": "v-combobox__menu-icon",
+            "icon": props.menuIcon,
+            "onMousedown": onMousedownMenuIcon,
+            "onClick": noop
+          }, null) : undefined]);
+        }
       });
     });
     return forwardRefs({
@@ -21668,7 +21711,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "4.0.0-dev-20230513.0";
+const version$1 = "4.0.0-dev-20230515.0";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -21680,7 +21723,7 @@ function inject(key) {
   }
 }
 
-const version = "4.0.0-dev-20230513.0";
+const version = "4.0.0-dev-20230515.0";
 
 const createVuetify = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};