no-shadowed-elements false-positive

We have something like:

<video class="video-js" preload="none" poster={{url model.poster}}>
  {{#each subtitles as |track index|}}
    <track src={{url track.id}} label={{track.name}} default={{eq index 0}}>
  {{/each}}
</video>

Which gives a no-shadowed-elements warning for the track element which, I think, is not correct (as far as I understand what the no-shadowed-elements rule does).

[frederikbosch]

I would not be surprised if many more people find this difficult, therefore a little more context. Do not give your handlebars variables the same names as tags.

{{#each list as |option|}}
 <option>this errors anyhow</option>
{{/each}}

Rather do.

{{#each list as |optionData|}}
 <option>this does not error</option>
{{/each}}

[jacobq]

Do not give your handlebars variables the same names as tags.

Thanks for mentioning that. I had used i (as an iterator / counter / index variable) and would not have thought this would be in any way related to the <i> element.