From e421d817d880cf4e40603a5685332fbb64a10dd6 Mon Sep 17 00:00:00 2001
From: muddana-satish <satish.muddana@ericsson.com>
Date: Sun, 27 Sep 2020 01:33:00 -0400
Subject: [PATCH] Set tabIndex on Canvas to create Focus

Signed-off-by: muddana-satish <satish.muddana@ericsson.com>
---
 .../components/utils/timegraph-container-component.tsx      | 4 ++--
 yarn.lock                                                   | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/viewer-prototype/src/browser/trace-viewer/components/utils/timegraph-container-component.tsx b/viewer-prototype/src/browser/trace-viewer/components/utils/timegraph-container-component.tsx
index 177b1846e..7b29d84e6 100644
--- a/viewer-prototype/src/browser/trace-viewer/components/utils/timegraph-container-component.tsx
+++ b/viewer-prototype/src/browser/trace-viewer/components/utils/timegraph-container-component.tsx
@@ -30,7 +30,7 @@ export class ReactTimeGraphContainer extends React.Component<ReactTimeGraphConta
 
     shouldComponentUpdate(nextProps: ReactTimeGraphContainer.Props): boolean {
         return nextProps.options.height !== this.props.options.height
-               || nextProps.options.width !== this.props.options.width ;
+            || nextProps.options.width !== this.props.options.width;
     }
 
     componentDidUpdate(prevProps: ReactTimeGraphContainer.Props): void {
@@ -40,6 +40,6 @@ export class ReactTimeGraphContainer extends React.Component<ReactTimeGraphConta
     }
 
     render(): JSX.Element {
-        return <canvas ref={ref => this.ref = ref || undefined} onWheel={e => e.preventDefault()}></canvas>;
+        return <canvas ref={ ref => this.ref = ref || undefined } onWheel={ e => e.preventDefault() } tabIndex={ 1 }></canvas>;
     }
 }
diff --git a/yarn.lock b/yarn.lock
index 38de21f89..e75ea0197 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13459,9 +13459,9 @@ timed-out@^4.0.0, timed-out@^4.0.1:
   integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
 
 timeline-chart@next:
-  version "0.2.0-next.e3c754b0"
-  resolved "https://registry.yarnpkg.com/timeline-chart/-/timeline-chart-0.2.0-next.e3c754b0.tgz#49934ed5d2c9d5d2987c996324edee386c9ee419"
-  integrity sha512-zMcDFmeTkc+t1c6rACAgfTaw9LH0ZQOXOGKxXdhxzmmn3muFd4IeIC5I7dCtU+IMJ4nvp3iZ9JHB7j5ZGlxpUQ==
+  version "0.2.0-next.924c35d7"
+  resolved "https://registry.yarnpkg.com/timeline-chart/-/timeline-chart-0.2.0-next.924c35d7.tgz#d08a9aa10fad1470ed2849fbc859304b0e74d797"
+  integrity sha512-rT4Rh2HXU+Tp7wekXoGeq+vP0z9pE8pjZ3yj2aSOYqcP4W9dMeTkUOrLAMTP/I2t35J+Q+gydFvvxoXJDmhkkw==
   dependencies:
     "@types/lodash.throttle" "^4.1.4"
     glob "^7.1.6"