Drawer update document around modal only recommendation

[origami-z]

Area

UI Components

The problem

Drawer currently only supports overlaying entire screen. There are use cases where this should not cover the entire screen, e.g. drawer should not overlay app header.

The solution

Provide a mechanism to target certain container for the drawer and scrim to show up.

Need to work out accessibility implication

Alternatives and examples

Related to

• Non-modal Drawer #3968
• Ability to constrain Dialog within a container #3252

Are you a JPMorgan Chase & Co. employee?

• I am an employee of JPMorgan Chase & Co.

[mark-tate]

Rather than build in Salt, add some docs to our site to explain the recommended alternatives ?
@mark-tate close and replace with new documentation ticket

[mark-tate]

Cortado Goal: call to discuss alternatives and then add docs to site

[jake-costa]

ADA Feedback:
To make this work, we need to:
Remove aria-modal.
Remove the focus trap.
Reflow content so that it is not overlapped by the drawer when open and ensure appropriate focus order or have the drawer collapse when focus leaves the drawer.

Recommendation:
Instead of modifying the drawer component, I recommend using the side panel component. This approach addresses the request more effectively.

Resources:
https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
https://www.w3.org/TR/WCAG21/#keyboard-accessible

[origami-z]

Aug 16 - 2 steps

1. document feedback above
2. create a ticket for non-model drawer for future prioritize Non-modal Drawer #3968