Altinn / Altinn/app-frontend-react

Validations in repeating group and deactivated buttons

Open
#3,730 0 comments 0 reactions 0 assignees View on GitHub
kind/feature-request status/triage
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

When having a validation in a repeatingGroup there are 3 buttons showing, and none of them are clickable. There is no visible indication that the buttons are deactivated. In my case the option for not closing the row before it validates, is probably the reason it is like this.

It is unlogical that a button "Rett feilen her" is visible when the row is open already. The meaning of the red line is something like "The group below contains errors that must be fixed before you can save or add more rows".

Image

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the validation state in a repeatingGroup with the option to keep the row open after validation. Inspect how the three buttons are rendered and disabled when the open row contains errors. Done means inactive actions are not misleadingly shown, or have a clear disabled indication, and the error guidance matches the row state.

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
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.