Skip to content

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

Open
@acroshubham

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:

  1. 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'
  2. Click on 'Theme dropdown'
  3. Click outside or on the dropdown button, you will see the dropdown not closing
  4. 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.
image

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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions