<Text slot"description"/> with a <Link/> causes tab focus to wrap on Select component and cause infinite loop of tab indexing. #5581
-
When creating a Select component that has a description, when I add a or even a standard anchor tag, the keyboards tab focus will indefinitely wrap inside the component and not progress any further down the form. The component structure is the same as in this example: https://react-spectrum.adobe.com/react-aria/Select.html#description Is the best way to get around this issue to manually add a tabIndex={-1} to the or should focus wrapping work another way? Many thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
The description should not be an interactive element I think would be the recommendation. If there's that much information you need to communicate, help text probably isn't the way to go and you should instead have an always visible button with a popover with all of that information. See Spectrum's https://spectrum.adobe.com/page/contextual-help/ for an idea of how to handle this. You can include links inside of said popover as well. |
Beta Was this translation helpful? Give feedback.
The description should not be an interactive element I think would be the recommendation. If there's that much information you need to communicate, help text probably isn't the way to go and you should instead have an always visible button with a popover with all of that information. See Spectrum's https://spectrum.adobe.com/page/contextual-help/ for an idea of how to handle this. You can include links inside of said popover as well.