Fix player focus when clicking on the small play toggle button

asciinema · Jun 5, 2024 · 62138d6 · 62138d6
1 parent d77d211
commit 62138d6
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/src/components/ControlBar.js b/src/components/ControlBar.js
@@ -107,7 +107,7 @@ export default (props) => {
   return (
     <div class="ap-control-bar" classList={{ "ap-seekable": props.isSeekable }} ref={props.ref}>
       <Show when={props.isPausable}>
-        <span class="ap-playback-button" onClick={e(props.onPlayClick)}>
+        <span class="ap-playback-button" onClick={e(props.onPlayClick)} tabindex="0">
           <Switch>
             <Match when={props.isPlaying}>
               <svg
@@ -116,7 +116,6 @@ export default (props) => {
                 class="ap-icon"
                 aria-label="Pause"
                 role="button"
-                tabindex="0"
               >
                 <path d="M1,0 L4,0 L4,12 L1,12 Z"></path>
                 <path d="M8,0 L11,0 L11,12 L8,12 Z"></path>
@@ -129,7 +128,6 @@ export default (props) => {
                 class="ap-icon"
                 aria-label="Play"
                 role="button"
-                tabindex="0"
               >
                 <path d="M1,0 L11,6 L1,12 Z"></path>
               </svg>