Altinn / Altinn/app-frontend-react
Close Button Overlaps “Next Month” in Calendar on small screens
- Dominant language
- TypeScript
- Stars
- 21
- Forks
- 33
- Avg merge
- 6d 23h
- Merged PRs (30d)
- 3
Description
### Description of the bug
**Description**
On small devices (tested on Samsung Galaxy S24), the close button in the calendar component overlaps with the “Next Month” navigation arrow. It is not possible to close the calendar without pressing outside the overlay.
### Steps To Reproduce
1. Open the calendar component on an Android device (Samsung Galaxy).
2. Observe the positioning of the close button and the “Next Month” button.
### Additional Information
_No response_
Contributor guide
Research direction
Start by locating the calendar component and its close and “Next Month” controls, then reproduce the layout on a small Android viewport such as the Samsung Galaxy S24. Adjust the responsive positioning so the controls do not overlap, and verify that the calendar can be closed directly on small screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100