The dropdown component becomes obstructed when the grid layout height is too short, preventing users from properly interacting with the dropdown options.
Instructions
Pull the latest updates from the develop branch.
Start the server by running npm run dev (if needed, navigate to the src/ folder and run npm ci), then navigate to localhost:3000/manage/shifts or localhost:3000/manage/people.
Implement a fix for the Dropdown component obstruction:
Ensure the Dropdown is fully visible when opened, even if the grid layout height is short.
You may need to adjust the dropdown z-index.
Test the Dropdown component with various grid heights to confirm that the issue is resolved in all scenarios.
Submit a pull request and tag @dangminhduc1101 for review.
Problem
The dropdown component becomes obstructed when the grid layout height is too short, preventing users from properly interacting with the dropdown options.
Instructions
developbranch.npm run dev(if needed, navigate to thesrc/folder and runnpm ci), then navigate tolocalhost:3000/manage/shiftsorlocalhost:3000/manage/people.