Altinn / Altinn/app-frontend-react
Alignment problems in grid
- Dominant language
- TypeScript
- Stars
- 21
- Forks
- 33
- Avg merge
- 6d 23h
- Merged PRs (30d)
- 3
Description
### Description of the bug
When using various components with and without help icons and automatic sub-texts (as for datepicker - see https://github.com/Altinn/app-frontend-react/issues/2678), grid layout easily becomes misaligned. Looks weird and steals user's attention.
### Steps To Reproduce
1. Log in to TT02 as 19859698762 PASSIV BADMINTONBANE
2. Start https://dsb.apps.tt02.altinn.no/dsb/int-1017-personopplysninger/
3. On page two, scroll down to passport information
4. Observe misaligned grid
### Additional Information
_No response_
Contributor guide
Research direction
Start by reproducing the grid on page two of the linked DSB application, focusing on passport information and components with help icons or automatic sub-texts. Compare the behavior with the datepicker issue linked in the description and trace the relevant grid and component entry points. Done means the affected combinations remain aligned without distracting vertical offsets.
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
- 45/100