fix: remove browser tooltips for inputs (#1120)

## Description Remove browser tooltips for inputs ## References ### Jira-link: https://virtocommerce.atlassian.net/browse/VCST-1232 ### Artifact URL: https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-1.60.0-pr-1120-4622-4622a41b.zip
VirtoCommerce · May 31, 2024 · 4e105f6 · 4e105f6
1 parent 73ea312
commit 4e105f6
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/client-app/ui-kit/components/molecules/input/vc-input.vue b/client-app/ui-kit/components/molecules/input/vc-input.vue
@@ -44,6 +44,7 @@
         :step="stepValue"
         :autocomplete="autocomplete"
         :aria-label="ariaLabel ?? label"
+        :title="browserTooltip === 'enabled' ? message : ''"
         class="vc-input__input"
         @keydown="keyDown($event)"
         @click.prevent.stop="inputClick()"
@@ -108,6 +109,7 @@ export interface IProps {
   type?: "text" | "password" | "number" | "email";
   size?: "sm" | "md" | "auto";
   clearable?: boolean;
+  browserTooltip?: "enabled" | "disabled";
   selectOnClick?: boolean;
 }
 
@@ -118,6 +120,7 @@ defineOptions({
 const props = withDefaults(defineProps<IProps>(), {
   type: "text",
   size: "md",
+  browserTooltip: "disabled",
 });
 
 const componentId = useComponentId("input");