The theme dropdown with class: btn btn-ghost inside the div with class: dropdown hidden lg:block, it does not closes when I tap on it #114
Description
Describe the bug
The theme dropdown with class: btn btn-ghost inside the div with class: dropdown hidden lg:block, it does not closes when I tap on it or click outside it's scope that's on the main div with following attributes: id: container, class: container h-full overflow-auto svelte-1ewr4tw, Parent div attributes class: h-full p-2 svelte-1ewr4tw id: view
But it's responding to clicks in the outder div with following attributes: class: hidden flex-col md:flex and id: editorPane, parent div attributes class: flex flex-1 overflow-hidden.
Even it's responding on the cilcks on navbar.
To Reproduce
Steps to reproduce the behavior:
- Go to 'https://mermaid.live/edit#pako:eNqFU8FuozAQ_RVkqbckggQI4VAphUTi0FUkqCItRCsXOw1asJGx1Waj_Psam2yhS1QO4PF7Mx6_N1xAThEGPnhjsD4ZSZgRQz4PD8YzLIgRVTVlvNGbkeX9SEWDEwZJU0JeUHIwptNHY79N95T9Ppb03QioTCGY8INO2sESc47TWn9vCRrsHcYxK2BpvESfFbpjn1-itIfrCk_0Y1BJkvS-4JySUSiADI0DlHB5WcxG0ZDB9ztQcq6p0u08fqtANJxW_10oSFKNJPC1_KJIGOzSEEupsOzqWLBKybyjtaiHxCDuisS4hgxyyob4fqtN2UpTtpRVd4SPckpu9rbLT6VVqLPCqOup3Tv02ApdR-kaoVFoE6UbVPAeFkaDPtbDcBONdyn1jjkTORcM3643tO6XHJJ_QXdWH9R-FbzEqXobMc7VAN-jttak6v0d9YlhiHImqtfmS9vKtsaABHVT1Aya15oq0mC_tUvzwQRUWM5AgeQfemlJGeAnXOEM-HKJ8BGKkmcgI1dJhYLT-Exy4Eut8AQwKt5OwD_CspGRqJG0NiygnNjqRqkh-UlpPwT-BXwAf2o5S2s2d2xv6VkL11o4qwk4A98xzZm5dKzV3LJd17VM-zoBf1QJazVzbNebe7a3MF1v4Vz_Am8PTmw'
- Click on 'Theme dropdown'
- Click outside or on the dropdown button, you will see the dropdown not closing
- See error
Expected behavior
When I click outside or on the button it should close the button
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: [e.g. iOS] - Windows
- Browser [e.g. chrome, safari] - Chrome/bing/brave - same issue
- Version [e.g. 22] - 22H
Smartphone (please complete the following information):
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
Additional context
I am a software Developer with a 1.5 years of experience in React/Redux/Mui/Tailwind/Bootstrap/HTML/CSS/JS like technologies in a UK based startup, So can I please help you resolve these bugs.
[I saw few more bugs related to respnsiveness issues]
I have dealt with these kind of bugs in over 2+ big industry level projects, I want to collaborate in an Open Source environment and help enhance my skills.
In return I promise to not use your codebase in wrong way or use for chat GPT prompts.
I don't say that I don't use AI, but I use it in a systematic way so that codebase also remains private and the work is also done, so memadians you can count on me,
I'll be highly glad if I can be an open source contributor for your project, once again please consider me and give me a chance although I have a 9-9 job but still I make sure the bug is completed even though if it takes a little late.
Thanking you yours truly
Shubham Sharma
UI/UX React Developer
Software Developer: C# Api Integeration and Testing