[Enhancement] v-combobox does not update until blur

(Possibly unrelated) v-combobox does not seem to emit “input” events, only “update:searchInput”. I tried to use with v-debounce but it did not work.

I have a v-combobox in a v-form, it is a required field with rules. I want to be able to type in the combobox and see that the validation errors disappear and the submit button is enabled without clicking outside of the combobox

https://codepen.io/nalbion/pen/xJgYjL?editors=1111

[thexperiments]

Possible workaround https://codepen.io/thexperiments/pen/ywOdwe

@input.native="category=$event.srcElement.value"

where category is the same model attached to the v-model of the combobox. Would still like it more if it was generic and I could just add this to all the comboboxes without modifying to point to the right model.

[PradeepNooney]

@SameeranB Problem resolved!! , I have assigned the value emitted from @ update event directly , instead of doc.getElementbyId.value, Somehow it is working!! thanks!

<template>
    ...
    <v-combobox id="targetInput"
                @update:search-input="updateTargetInput" 
                :rules="rules" 
                :items="autocompletes"
                ></v-combobox>
    ...
</template>

<script>
    ...
    data() {
        return {
            currentTargetInput : null
        }
    },
    methods: {
        updateTargetInput(currentValue){
            this.currentTargetInput = currentValue
        }
    }
    ...
</script>