Mohan Fix Dropdown Overlap with Taking Time Off Content on Large Screens

[smohansatyaram]

Description

Main changes explained:

• Added CSS rules for the .multi-select-filter class to set proper z-index (20) and positioning.
• Enhanced the styling with focus-within state to increase z-index (30) when the dropdown is active.
• This ensures that the dropdown menus in Team Member Tasks appear above any overlapping content.
• Fixed the TagsSearch test failures that were causing Husky pre-commit errors.
• Updated test cases to properly handle the profilePic parameter in the addResources function.
• This ensures both visual correctness of dropdowns and successful code commits.

How to test:

1. check into current branch
2. do npm install, and npm run start:local to run this PR locally
3. Clear site data/cache
4. Log as admin user
5. Navigate to Dashboard → Team Member Tasks → Dropdown Menus
6. Verify that dropdown menus appear correctly on top of other content, particularly on large screens
7. Test on both small screens (below 768px) and large screens to ensure proper behavior in both cases

Screenshots or videos of changes:

0706.2.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	84df925
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/68efb23389654c0008b8abef
😎 Deploy Preview	https://deploy-preview-3605--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[saikrishnaraoyadagiri]

Hi, Reviewed the PR, working as expected, the dropdown is not overlapping with taking time off content on large screens and screens below 768px.

[harika-majji]

Tested this dropdown feature, working as expected.

The dropdown is not overlapped in large and small screens.

[sankargalla]

I tested the Task section and confirmed that the Team, Team Code, and Color drop downs no longer overlap the Task Details area. I verified this across various screen sizes including mobile and everything functions as expected.

[Naveen-Kumar-Reddy-27]

Verified Team Member Tasks → Dropdown Menus display above overlapping content on both large screens and screens below 768px.

Confirmed proper behavior in dark and light modes.

Functionality works as expected; no UI overlap issues found.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Aswin20010]

Reviewed and tested the PR addressing the dropdown overlap and Husky test failures.
Verified that the .multi-select-filter dropdown menus now render above all overlapping content on both large and small screens.
Confirmed z-index behavior changes (20 → 30 on focus) and validated proper visual stacking in Team Member Tasks. All functionalities and test suites passed — approved the PR.

[one-community]

Thank you all, merging!