Audio/Video events break rule no-invalid-interactive
See original GitHub issueAttaching 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:
- Created 5 years ago
- Comments:7 (7 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Perfect, thank you!
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 thecontrols
attribute is present)bb
button
details
embed
iframe
img
(if theusemap
attribute is present)input
(if thetype
attribute is not in the hidden state)keygen
label
menu
(if thetype
attribute is in the tool bar state)object
(if theusemap
attribute is present)select
textarea
video
(if thecontrols
attribute is present)