[a11y]: Keyboard focus is trapped in FileUploader

[kzhang-2017]

Package

carbon-components, carbon-components-react

Browser

Chrome

Operating System

MacOS

Package version

v10.58.10

React version

v16.14.0

Automated testing tool and ruleset

Manual testing

Assistive technology

No response

Description

Expected to be able to tab out of the FileUploader button. Cannot tab out once you're in the button.

Can reproduce in carbon 10 but not carbon 11. Can we backport the fix there as well?

WCAG 2.1 Violation

No Keyboard Trap

Reproduction/example

import { FileUploader } from '@carbon/react'; import React from 'react'; export default function App() { return (

<FileUploader buttonLabel={t('upload')} />

); }

Steps to reproduce

1. Hit tab until you are inside the FileUploader component.
2. Cannot tab out once you are in that button

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[carbon-bot]

Hi there! 👋 You may have seen that v10 reached it's end of support on September 30, 2024. In the interest of keeping a tidy issue queue, issues flagged as relating to v10 will be closed.

If this issue is still relevant, please open a new issue with a link to this issue and a reproduction that uses v11.

Thanks again for your participation and contributions to this issue and the Carbon ecosystem! 💙