Reformatted how the Field/Selection components were structured
When the SelectHospital button is selected, the focus jumps to the buttons and seems to remain there for the newly rendered components.
Currently, it is set up as:
{(Step 0) render }
{(Step 1) render }
{(Step 0) render }
{(Step 1) render }
A solution may be to restructure the Step 0s together, then the Step 1s together.
{(Step 0) render }
{(Step 0) render }
{(Step 1) render }
{(Step 1) render }
Therefore, when the Select Hospital Button is clicked, the next tab will naturally be the Hospital Selections without having to mess with tabIndex. Unsure if there are any unintended consequences with this, but everything seems to work fine on my side.
Reformatted how the Field/Selection components were structured
When the SelectHospital button is selected, the focus jumps to the buttons and seems to remain there for the newly rendered components.
Currently, it is set up as: {(Step 0) render } {(Step 1) render }
{(Step 0) render } {(Step 1) render }
A solution may be to restructure the Step 0s together, then the Step 1s together.
{(Step 0) render } {(Step 0) render }
{(Step 1) render } {(Step 1) render }
Therefore, when the Select Hospital Button is clicked, the next tab will naturally be the Hospital Selections without having to mess with tabIndex. Unsure if there are any unintended consequences with this, but everything seems to work fine on my side.