fix(QInput): lazy model + clearable - not emitting "change" event on …

…clear btn
quasarframework · May 8, 2024 · 2040e2a · 2040e2a
1 parent 899d55a
commit 2040e2a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/ui/src/components/input/QInput.js b/ui/src/components/input/QInput.js
@@ -71,7 +71,7 @@ export default createComponent({
 
     const onComposition = useKeyComposition(onInput)
 
-    const state = useFieldState()
+    const state = useFieldState({ hasChangeEvent: true })
 
     const isTextarea = computed(() =>
       props.type === 'textarea' || props.autogrow === true

diff --git a/ui/src/composables/private.use-field/use-field.js b/ui/src/composables/private.use-field/use-field.js
@@ -71,7 +71,7 @@ export const useFieldProps = {
 
 export const useFieldEmits = [ 'update:modelValue', 'clear', 'focus', 'blur' ]
 
-export function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
+export function useFieldState ({ requiredForAttr = true, tagProp, hasChangeEvent = false } = {}) {
   const { props, proxy } = getCurrentInstance()
 
   const isDark = useDark(props, proxy.$q)
@@ -82,6 +82,7 @@ export function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
 
   return {
     requiredForAttr,
+    hasChangeEvent,
     tag: tagProp === true
       ? computed(() => props.tag)
       : { value: 'label' },
@@ -343,6 +344,7 @@ export default function (state) {
     }
 
     emit('update:modelValue', null)
+    state.hasChangeEvent === true && emit('change', null)
     emit('clear', props.modelValue)
 
     nextTick(() => {