fix(QSelect): Do the correct refocusing on $refs.target when closing options list (quasarframework#5309)

close quasarframework#5308

Author: pdanpdan

ui/dev/components/components/menu.vue

@@ -92,6 +92,17 @@
           </q-menu>
         </q-btn>
 
+        <q-btn color="primary" label="Menu with select">
+          <q-menu cover @show="log('@show cover')" @hide="log('@hide cover')" content-class="q-pa-md">
+            <div class="column q-gutter-md">
+              <q-select v-model="selectModelS" :options="selectOptions" behavior="menu" filled label="Select single - menu" />
+              <q-select v-model="selectModelM" :options="selectOptions" behavior="menu" filled multiple label="Select multiple - menu" />
+              <q-select v-model="selectModelS" :options="selectOptions" behavior="dialog" filled label="Select single - dialog" />
+              <q-select v-model="selectModelM" :options="selectOptions" behavior="dialog" filled multiple label="Select multiple - dialog" />
+            </div>
+          </q-menu>
+        </q-btn>
+
         <q-btn @click="dialog = true" label="Dialog" />
         <q-dialog v-model="dialog">
           <q-card class="q-pa-xl">
@@ -541,6 +552,10 @@ export default {
       max: 50,
       list,
 
+      selectModelS: null,
+      selectModelM: null,
+      selectOptions: list,
+
       vIfTest: true,
       touchPosition: true,
       contextMenu: true,

ui/src/components/select/QSelect.js

@@ -1003,6 +1003,7 @@ export default Vue.extend({
       return h(QDialog, {
         props: {
           value: this.dialog,
+          noRefocus: true,
           position: this.useInput === true ? 'top' : void 0,
           transitionShow: this.transitionShowComputed,
           transitionHide: this.transitionHide
@@ -1041,7 +1042,14 @@ export default Vue.extend({
         return
       }
 
-      this.menu = false
+      if (this.menu === true) {
+        this.menu = false
+
+        // allow $refs.target to move to the field (when dialog)
+        this.$nextTick(() => {
+          this.$refs.target !== void 0 && this.$refs.target.focus()
+        })
+      }
 
       if (this.focused === false) {
         clearTimeout(this.filterId)