InseeFrLab / InseeFrLab/edt

App not fully responsive

Open
#31 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
2
Forks
2
PR merge metrics
No merged PRs in 30d

Description

Still some problems with responsiveness, most of the time concerning the bottom of the screen.

Buttons "Suivants","Précedent' unreachable or invisible.

Sometimes there might be a gap between the bottom of these buttons and the bottom of the screen.

Seem to happen most of the time on mobile devices when the PWA isnt installed (e.g. with the address bar visible, and/or with tabs opened)

Some examples
![image](https://github.com/InseeFrLab/edt/assets/61505770/f554f0e0-a37e-46cf-8301-bd5ae5a35188)
![image](https://github.com/InseeFrLab/edt/assets/61505770/8ae51973-be3b-4741-a3f8-c8e0eae18e95)
![image](https://github.com/InseeFrLab/edt/assets/61505770/a48e5c21-4861-44a4-8038-58cca28f3986)

On this last screenshot the version of the app is invisible
![image](https://github.com/InseeFrLab/edt/assets/61505770/2cafbac5-0e1d-4f90-965a-5cf6f412dcaf)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue on a mobile browser with the address bar visible and the PWA not installed, using the screenshots as reference. Inspect the responsive layout around the bottom navigation and version display; done means the navigation buttons and app version remain visible and reachable without an unexplained gap.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.