Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<Textarea ../> with `@id` has `require-input-label` template lint error

See original GitHub issue

Per ember documentation on associating labels and inputs for <Input> and <Textarea> built in components, we need to pass @id and not id. However if I do the following I get a require-input-label template lint error.

<label for="enter-ids-textarea" class="t-14">Some label</label>
<Textarea 
  class="mt1"
  @id="enter-ids-textarea"
  placeholder=" placeholder"
  rows="10"
  {{on "input" this.someAction} 
/>

Issue Analytics

State:
Created 3 years ago
Comments:7 (1 by maintainers)

Top GitHub Comments

1reaction

lifeartcommented, Aug 31, 2021

@afzal273 good points for docs! Linking it here: https://github.com/ember-learn/guides-source/issues/1728

0reactions

bmishcommented, Oct 4, 2021

Closing as requested above.

Top Results From Across the Web

require-input-label - ember-template-lint - GitHub

This rule checks to see if the input is contained by a label element. If it is not, it checks to see if...

ember-template-lint - Bountysource

This is useful when a rule provides a default error message and the opportunity to customize such error message. Using placeholders users are...

Textarea Label in Form: Error: The value of the for attribute of ...

I get the error: Error: The value of the for attribute of the label element must be the ID of a non-hidden form...

ember-template-lint | Yarn - Package Manager

ember-template-lint is a library that will lint your handlebars template and return error results. For example, if the rule no-bare-strings is enabled, ...

ember-template-lint - npm

Name ✓ 💅 🔧 attribute‑order 🔧 block‑indentation 💅 🔧 builtin‑component‑arguments ✓