ASA: Dropdown overlap on small screen
- Dominant language
- Python
- Stars
- 65
- Forks
- 11
- Avg merge
- 21h 25m
- Merged PRs (30d)
- 70
Description
**Actual Behaviour**
When using a smaller screen, the Forecast dropdown overlaps with the Fire Centre dropdown and I can't select Fire Centre.
**Steps To Reproduce**
1. Specify what browser and screen resolution you were using.
2. Shrink the Window OR open on tiny laptop screen
**Screenshots**
Smaller screens
**Expected Behaviour**
No dropdown overlap when ASA is used on smaller screens.
Contributor guide
Research direction
Start by locating the ASA view and reproduce the Forecast and Fire Centre dropdowns at a small viewport, using the linked screenshot as the visual reference. Trace the responsive layout around both controls; done means the dropdowns no longer overlap and Fire Centre remains selectable on small screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100