BUG: Drawer does not dismiss when tapping outside the overlay

[Milan-Goswami]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Description

Currently, the sidebar drawer in the app can only be closed using the swipe gesture.

When the drawer is opened and the user taps outside the drawer area (on the overlay/background), nothing happens. In most mobile applications, tapping outside the drawer closes it automatically.

Current Behavior

• Drawer opens successfully.
• Drawer closes only by swipe gesture.
• Tapping outside the drawer does not close it.

Expected Behavior

The drawer should close when:

• user swipes the drawer, OR
• user taps outside the drawer area.

This would improve user experience and make the drawer behavior more intuitive.

Steps to Reproduce

1. Open the app.
2. Open the sidebar/drawer.
3. Tap outside the drawer area.
4. Observe that the drawer remains open.

Additional Context

I have attached a screen recording demonstrating the issue and my tap interactions.

Video Demonstration

issue.mp4

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[Milan-Goswami]

Hey @andoriyaprashant,
I would like to work on this issue.😊

[andoriyaprashant]

Go Ahead @Milan-Goswami

[Milan-Goswami]

Hi @andoriyaprashant ,

• I have created a PR for this issue and implemented the fix for drawer dismiss behavior on outside tap.
• Please review it when you have time. If there are any required changes or suggestions, kindly let me know.😊