feat(QSelect): prevent target and autocomplete input from jumping on new row quasarframework#12031 (quasarframework#12036)

Author: pdanpdan

ui/src/components/select/QSelect.js

@@ -947,7 +947,7 @@ export default Vue.extend({
           h('div', {
             ref: 'target',
             key: 'd_t',
-            staticClass: 'no-outline',
+            staticClass: 'q-select__focus-target',
             attrs: {
               id: this.targetUid,
               tabindex: this.tabindex,
@@ -964,7 +964,7 @@ export default Vue.extend({
         if (typeof this.autocomplete === 'string' && this.autocomplete.length > 0) {
           child.push(
             h('input', {
-              staticClass: 'q-select__autocomplete-input no-outline',
+              staticClass: 'q-select__autocomplete-input',
               attrs: { autocomplete: this.autocomplete },
               on: cache(this, 'autoinp', {
                 keyup: this.__onTargetAutocomplete

ui/src/components/select/QSelect.sass

@@ -12,7 +12,10 @@
     &--padding
       padding-left: 4px
 
+  &__focus-target,
   &__autocomplete-input
+    position: absolute
+    outline: 0 !important
     width: 0
     height: 0
     padding: 0

ui/src/components/select/QSelect.styl

@@ -12,7 +12,10 @@
     &--padding
       padding-left: 4px
 
+  &__focus-target,
   &__autocomplete-input
+    position: absolute
+    outline: 0 !important
     width: 0
     height: 0
     padding: 0