hyperscript icon indicating copy to clipboard operation
hyperscript copied to clipboard

support proper <label> attributes

Open NHQ opened this issue 8 years ago • 2 comments

the label element has an attribute "for", which points to an input element label.for == ID

hyperscript scrubs the for attribute out of labels

h('label', {for: "someID"}, text)

NHQ avatar Sep 23 '17 02:09 NHQ

The correct JS attribute to use is htmlFor. To correct the snippet above, write this:

h('label', {htmlFor: "someID"}, text)

Read more: https://stackoverflow.com/questions/15750290/setting-the-html-label-for-attribute-in-javascript?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

gandhiShepard avatar Apr 19 '18 16:04 gandhiShepard

Or you can specify the attrs property to tell hyperscript sets the following as attributes:

h('label', { attrs: { for: "someID" } }, text)

But I would go with the suggestion above.

kolbasik avatar Apr 26 '19 11:04 kolbasik