Altinn / Altinn/app-frontend-react

Grid and Innergrid size

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

Description

### Description

Innegrid and grid has different length. In the first example I have two input fields with the inner grid size 2. These two input fields has the exact same length.
![image](https://github.com/Altinn/app-lib-dotnet/assets/39302088/d6cb0e3d-bd81-4b09-bd88-bd60eea4fd09)
![image](https://github.com/Altinn/app-lib-dotnet/assets/39302088/02750cc7-2377-45e5-b53e-bef6716fb051)
But if I delte the innergrid on one of the components but still have size :2 I can see a change in length on the input feilds.
![image](https://github.com/Altinn/app-lib-dotnet/assets/39302088/fac4694e-16df-4778-93d7-bfc0a265206b)
![image](https://github.com/Altinn/app-lib-dotnet/assets/39302088/0bc05b3c-8635-4444-86f1-5c7b300b2218)
I would like the input fields to have the same length independent of if it has an innergrid or not. I am not sure if this is a bug or a request of a feature.

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the two examples from the issue in the Altinn application frontend, comparing equal-sized inputs with and without an innergrid. Start by locating the grid and innergrid rendering or layout entry points, then identify why their widths differ. Done means equivalent input fields retain the same length regardless of whether one has an innergrid.

Written by the indexing model from the issue text.

Assessment

Tech stack
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.