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.

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

Dropdown menu hidden under certain conditions #2719

Closed
yashaghane21 opened this issue Dec 22, 2024 · 5 comments
Closed

Dropdown menu hidden under certain conditions #2719

yashaghane21 opened this issue Dec 22, 2024 · 5 comments
Assignees
Labels
bug Something isn't working parent Parent issue unapproved

Comments

@yashaghane21
Copy link

Bug
In the Action Items section (Admin), the dropdown menu becomes hidden under other UI elements (table) under certain conditions. This behavior may be caused by issues related to z-index or parent container overflow.

To Reproduce
Steps to reproduce the behavior:

1.Navigate to the Action Items section (Admin)
2.Trigger the dropdown menu.
3.Observe that the dropdown is hidden under other UI elements.

Expected behavior
The dropdown menu should be fully visible and should not be hidden under other elements when triggered.

Actual behavior
The dropdown menu is hidden under certain UI elements due to potential z-index or overflow issues.

Screenshots
Screenshot 2024-12-21 162334
Screenshot 2024-12-21 162411

@yashaghane21 yashaghane21 added the bug Something isn't working label Dec 22, 2024
Copy link

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

@github-actions github-actions bot added parent Parent issue unapproved labels Dec 22, 2024
@yashaghane21
Copy link
Author

Hi @palisadoes
I’ve identified an issue with the dropdown menu in the Action Items section and would love to work on fixing it. Could you kindly assign this issue to me?

Thank you!

@palisadoes
Copy link
Contributor

  1. Why is the search icon on a separate line in your screen shot?
  2. It looks like you have made the screen smaller. Is there a bigger issue in that the screen isn't properly responsive?

@yashaghane21
Copy link
Author

1.Regarding the search icon appearing on a separate line: This behavior may be due to CSS properties or improper flex/grid alignment for smaller resolutions.
2.My screen ratio is set to 100%, and I haven't adjusted it. The issue might stem from the screen not being fully responsive to various resolution.

@Shahmaz0
Copy link

Hey, I would like to work on this issue. Could you please assign it to me?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working parent Parent issue unapproved
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants