Altinn / Altinn/app-frontend-react

Close Button Overlaps “Next Month” in Calendar on small screens

Open
#3,713 0 comments 0 reactions 0 assignees View on GitHub
kind/bug status/triage
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.

Image

### 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.