Bekskriv fejlen (Describe the bug)
Hvis jeg i DKFDS 10 fra en DOMContentLoaded event kalder DKFDS.init(), og der på siden f.eks. er textareas med indhold, og en data-maxlength attribut (og øvrig markup som beskrevet her: https://designsystem.dk/komponenter/inputfelter/#karakterbegraensning-kode), så vises en forkert tekst under feltet i Firefox. Hvis data-maxlength="100" f.eks. så vises "Du har 100 tegn tilbage" i stedet for det reelle antal tegn der er tilbage (fordi feltet ikke er tomt).
Genskab fejlen (To Reproduce)
Sådan genskabes fejlen (Steps to reproduce the behavior):
Kald DKFDS.init() fra en DOMContentLoaded event handler
Åben siden i Firefox
Sådan burde det fungere (Expected behavior)
Teksten under feltet burde vise det korrekte antal tegn tilbage, altså [værdien af data-maxlength] - [antal tegn i feltet].
Desktop - udfyld venligst følgende (please complete the following information):
OS: Windows
Browser: Firefox
Version: 132
Supplerende oplysninger (Additional context)
Fejlen skyldes at character-limit.js forsøger at opdatere den initielle tekst i feltet ved at registrere 'pageshow' og 'DOMContentLoaded' event handlers. Men 'pageshow' fyrer FØR 'DOMContentLoaded' i Firefox, og 'DOMContentLoaded' er jo allerede fyret på det tidspunkt hvor 'init' afvikles.
Bekskriv fejlen (Describe the bug) Hvis jeg i DKFDS 10 fra en
DOMContentLoaded
event kalderDKFDS.init()
, og der på siden f.eks. er textareas med indhold, og endata-maxlength
attribut (og øvrig markup som beskrevet her: https://designsystem.dk/komponenter/inputfelter/#karakterbegraensning-kode), så vises en forkert tekst under feltet i Firefox. Hvisdata-maxlength="100"
f.eks. så vises "Du har 100 tegn tilbage" i stedet for det reelle antal tegn der er tilbage (fordi feltet ikke er tomt).Genskab fejlen (To Reproduce) Sådan genskabes fejlen (Steps to reproduce the behavior):
DKFDS.init()
fra enDOMContentLoaded
event handlerSådan burde det fungere (Expected behavior) Teksten under feltet burde vise det korrekte antal tegn tilbage, altså [værdien af data-maxlength] - [antal tegn i feltet].
Desktop - udfyld venligst følgende (please complete the following information):
Supplerende oplysninger (Additional context) Fejlen skyldes at character-limit.js forsøger at opdatere den initielle tekst i feltet ved at registrere 'pageshow' og 'DOMContentLoaded' event handlers. Men 'pageshow' fyrer FØR 'DOMContentLoaded' i Firefox, og 'DOMContentLoaded' er jo allerede fyret på det tidspunkt hvor 'init' afvikles.