Readonly styling virker ikke i firefox

detfaellesdesignsystem / dkfds-components

Styling og komponenter

Other

43 stars 13 forks source link

Closed postergaard closed 5 years ago

postergaard commented 5 years ago

Bekskriv fejlen (Describe the bug) Styling til readonly felter, slår ikke igennem i firefox

Genskab fejlen (To Reproduce) Sådan genskabes fejlen (Steps to reproduce the behavior):

Indsæt link (Add a URL) https://detfaellesdesignsystem.github.io/dkfds-docs/komponenter/form-controls/#felter

Screenshots Her er styling

Her virker det (chrome)

Her virker det ikke (FireFox)

Sådan burde det fungere (Expected behavior) Read only skal defineres specifikt for firefox ex:

input:-moz-read-only { / For Firefox / / readonly styling/ }

Desktop - udfyld venligst følgende (please complete the following information):

detfaellesdesignsystem commented 5 years ago

Hej @postergaard,

Tak for din henvendelse.

Vi har oprettet en sag på det, og vil vende tilbage så snart vi har kigget på det.

I mellemtiden - kan jeg da få dig til at prøve at kigge på https://detfaellesdesignsystem.github.io/dkfds-docs/komponenter/form-controls/ i firefox, og se om read-only eksemplet heller ikke virker der? - jeg har nemlig ikke kunnet reproducere det i min ende.

Med venlig hilsen Kristina Jensen Det Fælles Designsystem

postergaard commented 5 years ago

Hej Kristina

Når jeg kigger på koden i browseren, kan jeg se at I her har indsat det specifikt til firefox:

Men det er der ikke gjort i koden:

detfaellesdesignsystem commented 5 years ago

Hej @postergaard,

Jeg har nu kigget nærmere på det.

Det viser sig, at hvis man vil bruge scss filerne og ikke css filerne i sit projekt, skal man selv sørge for at køre scss filen igennem autoprefixer.

Jeg har tilføjet dokumentation omkring dette under Til udviklere på dokumentationssitet.

Sig endelig til, hvis du har spørgsmål.

Med venlig hilsen Kristina Jensen Det Fælles Designsystem

postergaard commented 5 years ago

Mange tak for hurtigt svar. Jeg lukker sagen