Repository navigation
Bug - Wizard - WizardWithDrawer example does not focus #8394
Description
Describe the problem
Inside the WizardWithDrawer example for the Wizard component, onExpand is never called because it can only be set on the component to work correctly, and is no longer declared in the examples, since that logic is abstracted via the hasDrawer prop. Because of this, the opened drawer is not given focus.
Expected behavior
When the drawer opens, the drawer (or rather the drawer's close button) should be given focus.
Any other information?
See #8287
Originally posted by @jenny-s51 in #8287 (comment)
Metadata
Metadata
Assignees
Labels
No labels
Type
Projects
- Status
Activity
nicolethoen commentedon Jan 9, 2023
it looks like the existing drawer examples are placing the focus on the drawer body itself when the drawer opens, not the close button.
I could update all examples to place focus on the close buttons? Or I could make the wizard with drawer example focus on the drawer body when it is expanded like the existing examples do now.
nicolethoen commentedon Jan 11, 2023
For this issue, I will move browser focus onto the drawer body as is done in the other drawer examples.
I have opened follow up issues in core and react to make the focus handling of the drawer more similar to that of the modal.