Within my form, I have integrated a Bootstrap 3 dropdown menu situated between two text input fields.
The dropdown's role="menu" attribute allows for navigation using the up/down arrow and Enter keys. However, after making a selection in the dropdown and pressing "Enter", the focus is reset to the first input field rather than moving to the next input field in the tab order.
Is there a way to automatically shift focus to the next field in the form without needing to use JavaScript or customize the tabindex order?