Problems with keyboard navigation in multiselect with groups

[emmysortland]

Version

• Vue version: 3

Description

**Where: ** Multiselect with groups

**Steps to reproduce: **

• Go to: https://jsfiddle.net/t9e2r6wp/10/
• Select one group in the list
• Try to navigate down using a keyboard
• Errors are displayed in the console, and no navigation happens in list
  

More info
In our project, we always get this error when attempting keyboard navigation. But after pressing the down arrow key 3 times without successful navigation, it works 4th time and onwards.
The first time, we get the the error "Uncaught TypeError:Cannot read properties of undefined (reading 'VISIBLE')" .
The second time, the error "Uncaught TypeError: Cannot read properties of undefined (reading 'label')".
Third time, no error and also no navigation.
Then from the fourth click on the down arrow key, navigation works as expected.

Demo

https://jsfiddle.net/t9e2r6wp/10/