[Bug Report][2.6.1] v-select with prepended/appended items highlights incorrect item

[oohira]

Environment

Vuetify Version: 2.6.1
Vue Version: 2.6.14
Browsers: Chrome 95.0.4638.69
OS: Mac OS 10.15.7

Steps to reproduce

1. Open v-select menu items
2. Click 4th item
3. 2nd item is highlighted

Expected Behavior

4th item is highlighted

Actual Behavior

2nd item is highlighted

Reproduction Link

https://codepen.io/oohira/pen/poWEoqw

Other comments

Reproduction Link is same as the sample of Vuetify official document.

• https://vuetifyjs.com/en/components/selects/#append-and-prepend-item

[arteymix]

Still present in 2.7.0. Is there a known workaround for this issue?

[Dmitrii-Iakovenko]

hack:

<v-select
      ...
      ref="mySelect"
      @change="onSelectChange"
>

method:

    onSelectChange() {
      setTimeout(() => {
          const index = this.$refs.mySelect.$refs.menu.listIndex;
          this.$refs.mySelect.$refs.menu.listIndex = index + 2;
      }, 10);
    },

[truesteps]

@Dmitrii-Iakovenko thanks for the workaround, this seems to fix the highlight issue, but the scroll into view bug still persists. I opened a new issue for this here: #19026