Altinn / Altinn/app-frontend-react

HelpText: Box size/placement beyond viewport limits

Open
#4,260 1 comment 0 reactions 0 assignees View on GitHub
kind/bug squad/utforming
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description of the bug

A user reported via CRM/Dynamics that the helptext may stretch beyond the limits of the viewport in some cases. From the images it seems to happen when scroll position places the button in about the middle of the viewport.

Image
Image
Image

### Steps To Reproduce

1. Add lots of helptext
2. Open app on mobile (i.e. Safari, Chrome, Firefox, built-in browser from phone vendor)
3. Scroll, click on the helptext, observe the problem

### Additional Information

- https://digdir.slack.com/archives/C075WJSDVQC/p1781081397914959

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue on a mobile browser with many helptext elements, scrolling until the trigger is near the middle of the viewport. Then locate the HelpText component and its positioning and sizing logic; done means the helptext remains fully within the viewport after opening at different scroll positions.

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
Quiet
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.