todomvc-svelte icon indicating copy to clipboard operation
todomvc-svelte copied to clipboard

"A form label must be associated with a control."

Open garyrob opened this issue 4 years ago • 0 comments

I ran this on MacOS today. I had a couple issues. This is the second one:

(!) Plugin svelte: A11y: A form label must be associated with a control. src/components/item/item.svelte

33:   <div class="view">
34:     <input class="toggle" type="checkbox" checked={todo.completed} on:change={handleCompleted} />
35:     <label on:dblclick={handleEdit} data-testid="todo-name">{todo.name}</label>
        ^
36:     <button class="destroy" on:click={handleRemove} data-testid="todo-remove" />
37:   </div>

I am able to access the app at localhost:9500. But it doesn't have any of the formatting seen in your online demo. I'm wondering if this error caused that effect?? (I'm new to javascript and so not at all sophisticated about diagnosing things yet. [I've programmed in Python for many years.])

garyrob avatar Aug 16 '21 23:08 garyrob