Combobox active index styling not resetting correctly

[JamesNuttall]

Package Version: @headlessui/vue v1.7.13
Reproduction URL: https://stackblitz.com/edit/combobox-issue?file=src/App.vue

Issue

As can be seen in the video below, when the results are changed the active styling isn't being updated and set onto the correct index, its staying on index 1 despite the activeIndex being 0.

Clip1.mov

In the next clip you can see (at about 10s) that because of the above when I press the down arrow key nothing seems to happen as the styling is incorrectly assigned to the option at index 1 instead of being reset back to index 0, therefor it takes two arrow key press to get any feedback.

Clip2.mov

[RobinMalfait]

Hey, thank you for this bug report! 🙏

This should be fixed by #2463, and will be available in the next release.

You can already try it using:

• npm install @headlessui/vue@insiders.