Altinn / app-frontend-react

Altinn application React frontend
BSD 3-Clause "New" or "Revised" License
18 stars 32 forks source link

Validering: Alert følger inputfeltet og det gjør den til tider veldig liten. #1949

Open StianVestli opened 6 months ago

StianVestli commented 6 months ago

Description

Det er til tider uheldig at formateringen av alerten som kommer opp ved warning blir for smal da denne følger bredde på inputfeltet den er knytet til, man burde kunne setter størrelsen på denne slik at den ikke nødvendigvis følger bredden på input feltet. Ved bruk av grid på inputfelter så kan det bli seende slik ut:

image

Her er da inputfeltet formatert med Grid:

 "grid": {
          "xs": 12,
          "labelGrid": {
            "xs": 12
          },
          "innerGrid": {
            "md": 3
          }
        }

Den burde kanskje for eksempel følge labelgrid ikke innergrid, da man ofte formaterer inputfeltet etter innholdet som skal fylles ut.

Additional Information

No response

StianVestli commented 6 months ago

@bjosttveit er dette noe man planlegger å kunne få sett på i nær framtid? eller er det slik at vi må ta andre grep på det som skal prodsettes nå i nærmeste framtid?

olemartinorg commented 6 months ago

Har du et eksempel (med skjermskudd) på hvordan dette ser ut når man har felter som står tettere? I bildet over er det jo enkelt nok å se for seg hvordan man kan få meldingen til å flyte litt mer i bredden, men det vanskelige problemet oppstår når det står mange felter tett ved siden av hverandre (både i en Grid-komponent og med sidestilling av felt med grid-egenskapen). Jeg tror flere eksempler kan vøre greit å hva om vi skal se på et nytt utseende og eksempler for hvordan dette bør fungere i fremtiden.

StianVestli commented 6 months ago

image