vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add autocomplete off

prod
Cagatay Civici 2024-11-13 19:17:03 +03:00
parent c6f3b78f55
commit e187c58824
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/showcase/components/layout/designer/DesignTokenField.vue
View File

@ -2,8 +2,17 @@
<div> <div>
<label :for="inputId" class="text-sm">{{ label }}</label> <label :for="inputId" class="text-sm">{{ label }}</label>
<div :id="id" class="relative"> <div :id="id" class="relative">
<input :id="inputId" :list="listId" type="text" :value="modelValue" @input="onInput" @change="onChange" :class="['relative border border-surface-300 dark:border-surface-600 rounded-lg py-2 px-2 w-full', { 'pr-8': type === 'color' }]" /> <input
<datalist :id="listId" class="max-h-40 overflow-auto"> :id="inputId"
:list="listId"
autocomplete="off"
type="text"
:value="modelValue"
@input="onInput"
@change="onChange"
:class="['relative border border-surface-300 dark:border-surface-600 rounded-lg py-2 px-2 w-full', { 'pr-8': type === 'color' }]"
/>
<datalist :id="listId">
<option v-for="item of items" :key="item">{{ item }}</option> <option v-for="item of items" :key="item">{{ item }}</option>
</datalist> </datalist>
<div v-if="type === 'color'" class="absolute right-[4px] top-1/2 -mt-3 w-6 h-6 rounded-md border border-surface-300 dark:border-surface-600" :style="{ backgroundColor: previewColor }"></div> <div v-if="type === 'color'" class="absolute right-[4px] top-1/2 -mt-3 w-6 h-6 rounded-md border border-surface-300 dark:border-surface-600" :style="{ backgroundColor: previewColor }"></div>