Altinn / Altinn/app-frontend-react

List of file types is displayed outside the form

Open
#3,812 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

When adding a long list of file types to an upload in validFileEndings in ui/form/layouts, the list will be displayed outside the form.

### Steps To Reproduce

1. Go to a component for file upload in the code, for example ui/form/layouts/Anleggbidrag.json in https://altinn.studio/repos/nve/nve-0030.
2. Add a long list of valid file endings to "validFileEndings" and set "hasCustomFileEndings": true.
3. In the app, the list will be displayed outside the form (see image below):

Image

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue using ui/form/layouts/Anleggbidrag.json with a long validFileEndings list and hasCustomFileEndings set to true. Start by tracing how this upload configuration is rendered in the app frontend. Done means the complete list remains inside the form when displayed.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.