Altinn / Altinn/app-frontend-react

Layout Issues with required symbol and help icon in v4.18+ (Radiobuttons)

Open
#3,835 1 comment 1 reaction 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

In version 4.18 and later, the required symbol (*) is rendered beneath the radio button title and the help icon is misaligned with the title.

**version >= 4.18**
Image

**version < 4.18**
Image

### Steps To Reproduce

1. Add RadioButtons component
2. Add required and help text properties
3. Test version 4.17.4 and 4.18

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the RadioButtons component with required and help text in versions 4.17.4 and 4.18, as described in the issue. Compare the rendered layout and inspect the RadioButtons styling or markup to identify the change; done means the required symbol and help icon align with the title as they did before 4.18.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.