fix(FEC-7555): add live-tag to the tabs order (#142)

kaltura · Nov 28, 2017 · 7f06d05 · 7f06d05
1 parent 902c351
commit 7f06d05
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/live-tag/live-tag.js b/src/components/live-tag/live-tag.js
@@ -3,6 +3,7 @@ import style from './_live-tag.scss';
 import {h} from 'preact';
 import {connect} from 'preact-redux';
 import BaseComponent from '../base';
+import {KeyMap} from "../../utils/key-map";
 
 /**
  * mapping state to props
@@ -73,7 +74,14 @@ class LiveTag extends BaseComponent {
     if (props.isDvr && !this.isOnLiveEdge()) tagStyleClass.push(style.nonLivePlayhead);
 
     return (
-      <div className={tagStyleClass.join(' ')} onClick={() => this.onClick()}>Live</div>
+      <div tabIndex="0"
+           className={tagStyleClass.join(' ')}
+           onClick={() => this.onClick()}
+           onKeyDown={(e) => {
+             if (e.keyCode === KeyMap.ENTER) {
+               this.onClick();
+             }
+           }}>Live</div>
     )
   }
 }

diff --git a/src/styles/_shell.scss b/src/styles/_shell.scss
@@ -63,7 +63,8 @@
   .custom-captions-applied > a,
   .form-group-row > a,
   .button-save-cvaa,
-  .slider {
+  .slider,
+  .live-tag {
     &:focus {
       outline: 1px solid #00cbff;
     }