question-mark
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.

Audio/Video events break rule no-invalid-interactive

See original GitHub issue

Attaching actions to Audio/Video events break the rule no-invalid-interactive. Example:

<video 
  controls
  id="myVideo" 
  width="320" 
  height="176" 
  oncanplay={{action "canplay"}}  
>
 ...
</video>

error Interaction added to non-interactive element no-invalid-interactive

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
rwjbluecommented, Jan 9, 2019

Perfect, thank you!

1reaction
MelSumnercommented, Jan 9, 2019

Here is the specification reference: https://dev.w3.org/html5/pf-summary/interactive-elements.html

Here is a list- and it has qualifiers. The rule should check for the qualifiers.

  • a
  • audio (if the controls attribute is present)
  • bb
  • button
  • details
  • embed
  • iframe
  • img (if the usemap attribute is present)
  • input (if the type attribute is not in the hidden state)
  • keygen
  • label
  • menu (if the type attribute is in the tool bar state)
  • object (if the usemap attribute is present)
  • select
  • textarea
  • video (if the controls attribute is present)
Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML Audio/Video DOM Reference - W3Schools
The HTML5 DOM has methods, properties, and events for the <audio> and ... canPlayType(), Checks if the browser can play the specified audio/video...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found