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.

Sign up for GitHub

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

Jump to bottom

onClickaway Drawer minimized #4703

Open
Jedidiahip opened this issue Feb 25, 2025 · 2 comments
Open

onClickaway Drawer minimized #4703

Jedidiahip opened this issue Feb 25, 2025 · 2 comments
Assignees
@apedroferreira
Labels
component: drawer This is the name of the generic UI component, not the React module! scope: toolpad-core Abbreviated to "core"

Comments

@Jedidiahip
Copy link

Jedidiahip commented Feb 25, 2025 •
edited
Loading

Summary

allow minimizing the drawer when the clicking away from the it.

Examples

No response

Motivation

As a user, I dont want to click the toggle button to close the drawer. The best case scenario is to auto close the drawer when I am not focusing on the drawer anymore:

  1. when clicking away from the drwaer
  2. on navigation item is selected/ new page is loaded

Search keywords: onClickaway Drawer minimized
@Jedidiahip Jedidiahip added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 25, 2025
@zannager zannager added the component: drawer This is the name of the generic UI component, not the React module! label Feb 26, 2025
@bharatkashyap
Copy link
Member

bharatkashyap commented Feb 27, 2025 •
edited
Loading

One way to achieve this would be to have controllable props for the sidebar state: #4406

@bharatkashyap bharatkashyap removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 27, 2025
@prakhargupta1 prakhargupta1 added the scope: toolpad-core Abbreviated to "core" label Mar 6, 2025
@Janpot
Copy link
Member

Janpot commented Mar 6, 2025 •
edited
Loading

Would it make sense to have the minidrawer work as a temporary drawer when hovering the menu button? Once clicked it pins the drawer to be permanent and resizes the content.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@apedroferreira apedroferreira

Labels
component: drawer This is the name of the generic UI component, not the React module! scope: toolpad-core Abbreviated to "core"
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@Janpot @apedroferreira @bharatkashyap @Jedidiahip @prakhargupta1 @zannager