Better handle how error messages are shown for components using innerGrid

[olavflar]

Tilby en konfigurasjonen for lengden (innerGrid) til feilmelding

Alternativt alltid følge griden til label

Alternativt så kan denne løse det: #4031

[Annikenkbrathen]

Flytter kommentaren min fra slack hit så vi har det i issuet:

Hmm jeg prøvde å se hvordan GOV.UK, NAV/Aksel og Material Design hadde løst det. De alle anbefaler at feilmeldingen følger inputfeltet, men at vi kan sette noen regler for min og maks bredde for hele layouten.

•  Feilmeldingen følger alltid inputfeltet (innerGrid) Den starter under feltet brukeren må rette, uavhengig av labelens posisjon. Dette gjør koblingen mellom feilmelding og felt tydelig.

•  Minimumsbredde på inputfelt (f.eks. 6 kolonner) Sørger for at inputfeltet ikke blir så smalt at feilmeldingen blir uleselig. Dette tar bort problemet med veldig korte labels + lange feilmeldinger.

• Feilmeldingen kan utvide seg over resten av raden hvis inputfeltet er for smalt. Gir fleksibilitet uten å miste koblingen til inputfeltet. Fjerner edge cases når labelGrid + innerGrid < 12.

• Uavhengig av om label ligger ved siden av eller over input. Layouten blir forutsigbar på tvers av ulike grid-kombinasjoner.

Kanskje vi kan løse det på samme måte som de forslår?

Så får du løfte det her om dette ikke løser utfordringene du la frem @JamalAlabdullah