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

Support for a popover sheet #41

Open
Tracked by #12
HadrienGardeur opened this issue Dec 8, 2024 · 0 comments
Open
Tracked by #12

Support for a popover sheet #41

HadrienGardeur opened this issue Dec 8, 2024 · 0 comments
Assignees
Labels
Milestone

Comments

@HadrienGardeur
Copy link
Member

HadrienGardeur commented Dec 8, 2024

The popover sheet is a container component that we plan on using in many of our affordances.

It takes direct inspiration from the side sheet from Material Design 3 and the popover from Apple's Human Interface Guidelines.

Unlike the modal side sheet, we won't rely on a scrim applied to the rest of the page with this component and we'll display the modal side sheet right below the action that triggered its display (as Apple does with popovers).

The following methods for dismissing the popover sheet will be available:

  • Esc key
  • tap outside of the popover sheet
  • click outise of the popover sheet

In terms of focus, the default focus should be on its content, then actions and finally the "close" affordance.

@HadrienGardeur HadrienGardeur moved this from Draft to Todo in Readium Playground Dec 8, 2024
@HadrienGardeur HadrienGardeur added this to the Full Layout milestone Dec 8, 2024
@HadrienGardeur HadrienGardeur changed the title Support for a modal sheet Support for a popover sheet Dec 9, 2024
@JayPanoz JayPanoz moved this from Todo to In Progress in Readium Playground Dec 18, 2024
@JayPanoz JayPanoz mentioned this issue Dec 20, 2024
@HadrienGardeur HadrienGardeur moved this from In Progress to In Review in Readium Playground Dec 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: In Review
Development

No branches or pull requests

2 participants