-
Notifications
You must be signed in to change notification settings - Fork 1
Description
Forslag til ny property for nve-textarea
Status per dags dato
Per dags dato er hjelpeteksten for textarea-komponenten satt til å være under inndatafeltet slik det er implementert fra shoelace. Illustrert under med teksten "Please tell us what you think":
Ønske om plassering over inndatafelt
I henhold til designønsker ser jeg på muligheten å modifisere komponenten, slik at hjelpeteksten kan plasseres over inndatafeltet, under label-teksten. Feilmeldinger dukker opp under inndatafeltet som vanlig.
Har en idé av hvordan man kan løse dette ganske enkelt siden komponenten benytter flex, og det er at man benytter order-verdier på både label, inndatafelt, og hjelpetekst. Så vi omplasserer hjelpetekst som nummer 2 i rekken, istedenfor rekkefølgen i markup'en.
Dagens workarond
En "quick fix" man kan ta i bruk er å benytte "label"-slot'en og innføye sin egen "label og hjelpetekst"-komponent der. Ulempen er at man ikke har tilgang til stylingen som er satt for hjelpeteksten, med mindre man innfører det selv. Spør du meg så er dette noe unødvendig.
Forslag til implementasjon
Foreslår en property som man kan sette: "helpTextPosition", som har verdiene "above" og "below", som er by default satt til "below" så det ikke bryter med eksisterende implementasjoner. Implementasjonen "bytter om" order på inndatafeltet og hjelpeteksten dersom verdien er satt til "above". En nedside med dette er skjermlesere, som vil muligens lese innholdet i rekkefølgen som vist over i bildet uavhengig av posisjon.
Let me know om det er innspill om dette!