q-select on tab key selects next option instead of moving to next element



  • If an option is selected in q-select and if we press tab key to move the focus to the next element in the form, q-select selects the next option and then jumps focus to the next element.
    So I’m unable to move on to next element without the q-select option getting changed

              <q-select
                label="Server"
                v-model="thisIp.selectServer"
                use-input
                hide-selected
                fill-input
                input-debounce="0"
                autofocus
                Xemit-value
                option-value="value"
                :options="this.selectServerList"
                @filter="filterSelectServer"
                :error="$v.thisIp.selectServer.$error"
                @blur="$v.thisIp.selectServer.$touch"
                error-message="Please select server"
                dense
                options-dense
                bottom-slots
              ></q-select>
    

    Gone through the document but not able to find any option to prevent this behaviour.



  • What is Xemit-value. Probably not the cause of your issue, but it’s not right either. 🙂

    Scott


Log in to reply