In Safari, when interacting with a Vue Multiselect dropdown, the browser's focus behavior is inconsistent after using the 'tab key'. After selecting an option from a dropdown and pressing the 'tab key', the focus is unexpectedly reset to the first element in the form rather than moving to the next logical element.
Press the 'tab key' to move to the next form element.
Observe that the focus is reset to the first element in the form instead of the next element.
Expected Behaviour
After selecting an option from the Vue Multiselect dropdown and pressing the 'tab key', the focus should move to the next logical element in the form.
Actual Behaviour
After selecting an option and pressing the 'tab key', the focus resets to the first element of the form, disrupting the expected tab order and navigation flow.
Additional Information
This issue appears to be specific to Safari and does not occur in other browsers like Chrome or Firefox.
Browser Version
Safari Version 16.2 (18614.3.7.1.5)
Description
In Safari, when interacting with a Vue Multiselect dropdown, the browser's focus behavior is inconsistent after using the 'tab key'. After selecting an option from a dropdown and pressing the 'tab key', the focus is unexpectedly reset to the first element in the form rather than moving to the next logical element.
Reproduction Link
Steps to reproduce
Expected Behaviour
After selecting an option from the Vue Multiselect dropdown and pressing the 'tab key', the focus should move to the next logical element in the form.
Actual Behaviour
After selecting an option and pressing the 'tab key', the focus resets to the first element of the form, disrupting the expected tab order and navigation flow.
Additional Information
This issue appears to be specific to Safari and does not occur in other browsers like Chrome or Firefox.