Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The TAB key sequense is lose when it is used in a Popover component with Radio buttons child #7067

Open
1 task done
EstebanGoldMuros opened this issue Nov 8, 2024 · 1 comment · May be fixed by #7100
Open
1 task done

Comments

@EstebanGoldMuros
Copy link

Description

When I move using the TAB key into a Popover component the navigation jump to the View site information of the browser (side to the URL)

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-igqxxt?file=src%2FApp.tsx

Steps to reproduce

Press TAB key until With Radio children button
Press ENTER
Press TAB key until the last element of the list
Press TAB key

JIRA ticket numbers (Sage only)

SBS-113991

Suggested solution

No response

Carbon version

142.13.5

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

No response

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@nuria1110
Copy link
Contributor

FE-6905

DipperTheDan added a commit that referenced this issue Nov 27, 2024
…tainer has radio buttons

This fix ensures that if the last focusable element in a popover container is a radio button, that
the tab sequence is not affected once focus is outside of the container

fixes #7067
DipperTheDan added a commit that referenced this issue Nov 27, 2024
…tainer has radio buttons

This fix ensures that if the last focusable element in a popover container is a radio button, that
the tab sequence is not affected once focus is outside of the container

fixes #7067
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
3 participants