Ensure correct order when conditionally rendering Menu.Item, Listbox.Option and RadioGroup.Option

[RobinMalfait]

This PR will ensure that the order of Menu.Item, Listbox.Option and RadioGroup.Option is correct even if you re-rendered some items conditionally essentially re-ordering them.

This is both applied to the React and Vue versions.

Fixes: #994

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

headlessui-react – ./packages/@headlessui-react

🔍 Inspect: https://vercel.com/tailwindlabs/headlessui-react/HvcgQJvLGg92e8qLXTZXh7jmrPtm
✅ Preview: https://headlessui-react-git-ensure-consistent-order-tailwindlabs.vercel.app

headlessui-vue – ./packages/@headlessui-vue

🔍 Inspect: https://vercel.com/tailwindlabs/headlessui-vue/6MKNuTXU9MwtQkbbUCLA6ujr2vgi
✅ Preview: https://headlessui-vue-git-ensure-consistent-order-tailwindlabs.vercel.app

[cabello]

I am seeing an out of order navigation on Combobox, would a similar fix help there as well?

[RobinMalfait]

@cabello this should already be implemented, but make sure to use the insiders build for now:

You can already try it using:

• npm install @headlessui/react@insiders or yarn add @headlessui/react@insiders.
• npm install @headlessui/vue@insiders or yarn add @headlessui/vue@insiders.