From 7a4dff5809aa0a5c8a550c85e1f78cbafac3cd33 Mon Sep 17 00:00:00 2001
From: Krasimir Chobantonov <kchobantonov@gmail.com>
Date: Fri, 23 Jan 2026 13:14:45 -0500
Subject: [PATCH 1/2] introduce filterErrorKeywordsBeforeTouch config option

---
 .../dev/components/ExampleSettings.vue        | 44 ++++++++++++++-----
 packages/vue-vuetify/dev/store/index.ts       |  1 +
 packages/vue-vuetify/src/util/composition.ts  | 35 +++++++++++++--
 3 files changed, 66 insertions(+), 14 deletions(-)

diff --git a/packages/vue-vuetify/dev/components/ExampleSettings.vue b/packages/vue-vuetify/dev/components/ExampleSettings.vue
index ca1a0729a..bd89d4753 100644
--- a/packages/vue-vuetify/dev/components/ExampleSettings.vue
+++ b/packages/vue-vuetify/dev/components/ExampleSettings.vue
@@ -262,7 +262,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
     <v-container>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.overrideControlTemplate"
@@ -282,7 +282,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       <v-row><v-col>Options</v-col></v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.hideRequiredAsterisk"
@@ -296,7 +296,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.showUnfocusedDescription"
@@ -310,7 +310,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.restrict"
@@ -325,7 +325,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.readonly"
@@ -339,7 +339,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.collapseNewItems"
@@ -353,7 +353,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.hideArraySummaryValidation"
@@ -367,7 +367,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.initCollapsed"
@@ -381,7 +381,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="appStore.jsonforms.config.hideAvatar"
@@ -395,7 +395,7 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="
@@ -411,7 +411,29 @@ const layouts = appstoreLayouts.map((value: AppstoreLayouts) => ({
       </v-row>
       <v-row>
         <v-col>
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
+            <template v-slot:activator="{ props }">
+              <v-combobox
+                v-model="
+                  appStore.jsonforms.config.filterErrorKeywordsBeforeTouch
+                "
+                label="Filter Error Keywords Before Touch"
+                placeholder="e.g., required, minLength, pattern"
+                chips
+                closable-chips
+                multiple
+                clearable
+                v-bind="props"
+              ></v-combobox>
+            </template>
+            Hide specific AJV error keywords until the control is touched.
+            Requires "Enable Filter Errors Before Touch".
+          </v-tooltip>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-switch
                 v-model="
diff --git a/packages/vue-vuetify/dev/store/index.ts b/packages/vue-vuetify/dev/store/index.ts
index 64e5533d5..e881fc2bd 100644
--- a/packages/vue-vuetify/dev/store/index.ts
+++ b/packages/vue-vuetify/dev/store/index.ts
@@ -32,6 +32,7 @@ const appstore = reactive({
       hideAvatar: false,
       hideArraySummaryValidation: false,
       enableFilterErrorsBeforeTouch: false,
+      filterErrorKeywordsBeforeTouch: ['required'],
       allowAdditionalPropertiesIfMissing: false,
     },
     locale: useLocalStorage('vuetify-example-locale', 'en'),
diff --git a/packages/vue-vuetify/src/util/composition.ts b/packages/vue-vuetify/src/util/composition.ts
index f4d42d4ff..bb750c3a8 100644
--- a/packages/vue-vuetify/src/util/composition.ts
+++ b/packages/vue-vuetify/src/util/composition.ts
@@ -10,6 +10,7 @@ import {
   defaultJsonFormsI18nState,
   getArrayTranslations,
   getCombinatorTranslations,
+  getControlPath,
   getFirstPrimitiveProp,
   isDescriptionHidden,
   type ControlElement,
@@ -176,10 +177,38 @@ export const useVuetifyControl = <
     isFocused.value = false;
   };
 
+  const jsonforms = useJsonForms();
   const filteredErrors = computed(() => {
-    return touched.value || !appliedOptions.value.enableFilterErrorsBeforeTouch
-      ? input.control.value.errors
-      : '';
+    // Always show errors if touched, no errors exist, or filtering is not enabled
+    if (
+      touched.value ||
+      !input.control.value.errors ||
+      !appliedOptions.value.enableFilterErrorsBeforeTouch
+    ) {
+      return input.control.value.errors;
+    }
+
+    const filterKeywords = appliedOptions.value.filterErrorKeywordsBeforeTouch;
+
+    // Filtering is enabled - check if specific keywords are configured
+    if (Array.isArray(filterKeywords) && filterKeywords.length > 0) {
+      // Granular filtering: only hide specific error keywords
+      const errorsAtControl =
+        jsonforms.core?.errors?.filter(
+          (error) => input.control.value.path === getControlPath(error),
+        ) ?? [];
+
+      const allErrorsFiltered =
+        errorsAtControl.length > 0 &&
+        errorsAtControl.every(
+          (error) => error.keyword && filterKeywords.includes(error.keyword),
+        );
+
+      return allErrorsFiltered ? '' : input.control.value.errors;
+    }
+
+    // default, all errors are filtered
+    return '';
   });
 
   const persistentHint = (): boolean => {

From cfe7210fa4e1be4511aa9ecba3ecb3f690b36f3e Mon Sep 17 00:00:00 2001
From: Krasimir Chobantonov <kchobantonov@gmail.com>
Date: Fri, 23 Jan 2026 13:15:04 -0500
Subject: [PATCH 2/2] fix tooltop location bottom

---
 .../vue-vuetify/dev/components/ExampleAppBar.vue |  4 ++--
 .../vue-vuetify/dev/components/ThemeChanger.vue  |  2 +-
 packages/vue-vuetify/dev/views/ExampleView.vue   | 16 ++++++++--------
 .../src/additional/ListWithDetailRenderer.vue    |  6 +++---
 .../src/complex/ArrayControlRenderer.vue         |  8 ++++----
 .../complex/components/AdditionalProperties.vue  |  4 ++--
 .../src/layouts/ArrayLayoutRenderer.vue          |  8 ++++----
 7 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/packages/vue-vuetify/dev/components/ExampleAppBar.vue b/packages/vue-vuetify/dev/components/ExampleAppBar.vue
index 8cf4612c2..2f7593b7a 100644
--- a/packages/vue-vuetify/dev/components/ExampleAppBar.vue
+++ b/packages/vue-vuetify/dev/components/ExampleAppBar.vue
@@ -24,7 +24,7 @@ const appStore = useAppStore();
       <v-container fill-height fluid justify-end
         ><v-row dense>
           <v-col>
-            <v-tooltip bottom>
+            <v-tooltip location="bottom">
               <template v-slot:activator="{ props }">
                 <v-btn
                   icon
@@ -42,7 +42,7 @@ const appStore = useAppStore();
           </v-col>
           <v-col><theme-changer /> </v-col>
           <v-col>
-            <v-tooltip bottom>
+            <v-tooltip location="bottom">
               <template v-slot:activator="{ props }">
                 <v-btn
                   large
diff --git a/packages/vue-vuetify/dev/components/ThemeChanger.vue b/packages/vue-vuetify/dev/components/ThemeChanger.vue
index 9979c7c0b..43bd28621 100644
--- a/packages/vue-vuetify/dev/components/ThemeChanger.vue
+++ b/packages/vue-vuetify/dev/components/ThemeChanger.vue
@@ -23,7 +23,7 @@ const setTheme = (theme: string) => {
     offset-y
   >
     <template v-slot:activator="{ props: propsMenu }">
-      <v-tooltip bottom>
+      <v-tooltip location="bottom">
         <template v-slot:activator="{ props: propsTooltip }">
           <v-btn large icon dark>
             <v-icon
diff --git a/packages/vue-vuetify/dev/views/ExampleView.vue b/packages/vue-vuetify/dev/views/ExampleView.vue
index dfc1e2547..653993197 100644
--- a/packages/vue-vuetify/dev/views/ExampleView.vue
+++ b/packages/vue-vuetify/dev/views/ExampleView.vue
@@ -355,7 +355,7 @@ const handleAction = (action: Action) => {
                         <v-toolbar flat>
                           <v-toolbar-title>Data</v-toolbar-title>
                           <v-spacer></v-spacer>
-                          <v-tooltip bottom>
+                          <v-tooltip location="bottom">
                             <template v-slot:activator="{ props }">
                               <v-btn
                                 icon
@@ -367,7 +367,7 @@ const handleAction = (action: Action) => {
                             </template>
                             {{ `Reload Example Data` }}
                           </v-tooltip>
-                          <v-tooltip bottom>
+                          <v-tooltip location="bottom">
                             <template v-slot:activator="{ props }">
                               <v-btn
                                 icon
@@ -402,7 +402,7 @@ const handleAction = (action: Action) => {
                 <v-toolbar flat>
                   <v-toolbar-title>Schema</v-toolbar-title>
                   <v-spacer></v-spacer>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="reloadMonacoSchema" v-bind="props">
                         <v-icon>$reload</v-icon>
@@ -410,7 +410,7 @@ const handleAction = (action: Action) => {
                     </template>
                     {{ `Reload Example Schema` }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="saveMonacoSchema" v-bind="props">
                         <v-icon>$save</v-icon>
@@ -435,7 +435,7 @@ const handleAction = (action: Action) => {
                 <v-toolbar flat>
                   <v-toolbar-title>UI Schema</v-toolbar-title>
                   <v-spacer></v-spacer>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="reloadMonacoUiSchema" v-bind="props">
                         <v-icon>$reload</v-icon>
@@ -443,7 +443,7 @@ const handleAction = (action: Action) => {
                     </template>
                     {{ `Reload Example UI Schema` }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="saveMonacoUiSchema" v-bind="props">
                         <v-icon>$save</v-icon>
@@ -468,7 +468,7 @@ const handleAction = (action: Action) => {
                 <v-toolbar flat>
                   <v-toolbar-title>Data</v-toolbar-title>
                   <v-spacer></v-spacer>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="reloadMonacoData" v-bind="props">
                         <v-icon>$reload</v-icon>
@@ -476,7 +476,7 @@ const handleAction = (action: Action) => {
                     </template>
                     {{ `Reload Example Data` }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn icon @click="saveMonacoData" v-bind="props">
                         <v-icon>$save</v-icon>
diff --git a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue b/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue
index 08af719c9..4d336d933 100644
--- a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue
+++ b/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue
@@ -15,7 +15,7 @@
             v-if="control.childErrors.length > 0"
             :errors="control.childErrors"
           />
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-btn
                 icon
@@ -80,7 +80,7 @@
                   </validation-badge>
                 </template>
                 <v-list-item-title>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <span
                         v-bind="props"
@@ -135,7 +135,7 @@
                     </template>
                     {{ control.translations.down }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn
                         v-bind="props"
diff --git a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue b/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
index 303b4f9ef..f60e38397 100644
--- a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
+++ b/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
@@ -22,7 +22,7 @@
           v-if="control.childErrors.length > 0"
           :errors="control.childErrors"
         />
-        <v-tooltip bottom>
+        <v-tooltip location="bottom">
           <template v-slot:activator="{ props }">
             <v-btn
               icon
@@ -110,7 +110,7 @@
                       : 'fixed-cell-small'
                   "
                 >
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn
                         v-bind="props"
@@ -131,7 +131,7 @@
                     </template>
                     {{ control.translations.up }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn
                         v-bind="props"
@@ -152,7 +152,7 @@
                     </template>
                     {{ control.translations.down }}
                   </v-tooltip>
-                  <v-tooltip bottom>
+                  <v-tooltip location="bottom">
                     <template v-slot:activator="{ props }">
                       <v-btn
                         v-bind="props"
diff --git a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue b/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
index 5d93c8037..07ff51869 100644
--- a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
+++ b/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
@@ -28,7 +28,7 @@
             @change="propertyNameChange"
           ></json-forms
         ></v-col>
-        <v-tooltip bottom>
+        <v-tooltip location="bottom">
           <template v-slot:activator="{ props }">
             <v-btn
               icon
@@ -64,7 +64,7 @@
             :cells="control.cells"
         /></v-col>
         <v-col v-if="control.enabled" class="flex-shrink-1 flex-grow-0">
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-btn
                 v-bind="props"
diff --git a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
index b0263a00c..fb5c1b6ad 100644
--- a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
+++ b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
@@ -35,7 +35,7 @@
           :styles="styles"
           :icons="icons"
         >
-          <v-tooltip bottom>
+          <v-tooltip location="bottom">
             <template v-slot:activator="{ props }">
               <v-btn
                 icon
@@ -109,7 +109,7 @@
                       align-self="center"
                       v-if="appliedOptions.showSortButtons"
                     >
-                      <v-tooltip bottom>
+                      <v-tooltip location="bottom">
                         <template v-slot:activator="{ props }">
                           <v-btn
                             v-bind="props"
@@ -135,7 +135,7 @@
                       align-self="center"
                       v-if="appliedOptions.showSortButtons"
                     >
-                      <v-tooltip bottom>
+                      <v-tooltip location="bottom">
                         <template v-slot:activator="{ props }">
                           <v-btn
                             v-bind="props"
@@ -160,7 +160,7 @@
                       </v-tooltip>
                     </v-col>
                     <v-col align-self="center">
-                      <v-tooltip bottom>
+                      <v-tooltip location="bottom">
                         <template v-slot:activator="{ props }">
                           <v-btn
                             v-bind="props"