🐛 Bug: Dark/Light Mode Toggle Doesn't Close Automatically on Mobile

[Karan-Palan]

Describe the bug

On the mobile view of the JSON Schema website, when the dark/light mode toggle is opened, it remains open even after the user clicks outside of the toggle or interacts with other elements on the page. This behavior clutters the interface and negatively impacts usability.

Steps To Reproduce

1. Open the website in mobile view or on a mobile device.
2. Click on the dark/light mode toggle to open it.
3. Click anywhere outside the toggle, such as on the main content or a navigation element.
4. Observe that the toggle remains open and does not close automatically.

Expected Behavior

The dark/light mode toggle should close automatically when:

1. The user clicks anywhere outside the toggle.
2. The user interacts with other page elements.

Screenshots

Screencast.from.2025-01-10.16-56-02.webm

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[Rudra-Sankha-Sinhamahapatra]

@Karan-Palan I tried to fix this issue on PR #1329 can you review it once

@DhairyaMajmudar can you please assign this issue to me , I want to work on this

[Karan-Palan]

@Rudra-Sankha-Sinhamahapatra yes it does. However I've mentioned in the issue I would work on it , have the changes on a local branch and was waiting for the triage process. Have a read through contributing.md
@DhairyaMajmudar I wouldn't mind accepting this PR , however that would result in redundant work on my part.

[Rudra-Sankha-Sinhamahapatra]

@Karan-Palan thanks but I was not aware you were working on it . It was a small mistake from my side .I will take care in future . I would not mind but you can raise a pr and work on it

[Karan-Palan]

@Rudra-Sankha-Sinhamahapatra sure. Nice work

[DhairyaMajmudar]

Hi folks, thank you for the issue proposal. @Rudra-Sankha-Sinhamahapatra we've contributing guidelines for not opening pr w/o issue assignment pls. feel free to look for other unassigned issues.

@Karan-Palan as you are showing your interest in taking this up assigning the issue to you.