josdejong/svelte-jsoneditor

How to add associated label to textarea

Open

#451 aberto em 14 de jun. de 2024

Ver no GitHub
 (9 comments) (0 reactions) (0 assignees)TypeScript (149 forks)github user discovery
enhancementhelp wanted

Métricas do repositório

Stars
 (1.237 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Hey! i am wondering if there is anyway to add additional attributes to editor and menus. Most importantly, I would like to add a label element for the rendered editor (the div with the role of textbox) for accessibility reasons. I would be able to do so if this element had a unique id but i do not see one on the rendered element. Is there a way to add a label that is bound to this textbox, or a way to add additional attributes (like id or even aria attributes) to the rendered elements?

<div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content cm-lineWrapping" role="textbox" aria-multiline="true" data-language="json" aria-autocomplete="list"><div class="cm-activeLine cm-line" style="padding-left: calc(2ch + 6px); text-indent: calc(-2ch + 0px);">{}</div></div>

Guia do colaborador