Open VirtualSatai opened 5 days ago
Bekskriv fejlen (Describe the bug)
Hvis en dropdown har fejl ("form-error") så har feltet ikke korrekt padding-right, og derfor kan tekst overflowe forkert:
Det skyldes at reglen for form-error overskrifter padding:
.form-group.form-error>.form-input, .form-group.form-error>.form-select, .form-group.form-error>fieldset>.date-group .form-input, .form-group.form-error>.date-picker .form-input, .form-group.form-error>.form-input-wrapper>.form-input { border:2px solid #c00; padding:calc(8px - 2px) calc(16px - 2px) }
Men ikke padding-right ordenligt på .form-select:
.form-select { /* ...*/ padding:calc(8px - 1px) calc(16px - 1px); padding-right:32px; /* ...*/ }
Genskab fejlen (To Reproduce)
hav en dropdown mere længere indhold end der er plads, og lad den fejle validering.
Screenshots
Sådan burde det fungere (Expected behavior) Der skal fortsat være padding-right selv ved fejl.
Desktop - udfyld venligst følgende (please complete the following information):
Smartphone - udfyld venligst følgende (please complete the following information):
Supplerende oplysninger (Additional context)
Hej @VirtualSatai Tak for din henvendelse. Vi har oprettet en sag på det.
Med venlig hilsen Det Fælles Designsystem
Bekskriv fejlen (Describe the bug)
Hvis en dropdown har fejl ("form-error") så har feltet ikke korrekt padding-right, og derfor kan tekst overflowe forkert:
Det skyldes at reglen for form-error overskrifter padding:
Men ikke padding-right ordenligt på .form-select:
Genskab fejlen (To Reproduce)
hav en dropdown mere længere indhold end der er plads, og lad den fejle validering.
Screenshots
Sådan burde det fungere (Expected behavior) Der skal fortsat være padding-right selv ved fejl.
Desktop - udfyld venligst følgende (please complete the following information):
Smartphone - udfyld venligst følgende (please complete the following information):
Supplerende oplysninger (Additional context)