From 8bcbc67cb1f77f7ed05704cd31b97edf288b22fa Mon Sep 17 00:00:00 2001
From: thyhjwb6 <thyhjwb6@royalnavy.io>
Date: Fri, 28 Aug 2020 15:34:19 +0100
Subject: [PATCH] feat(Timeline): Disable keyboard checks for now

---
 .../src/components/Timeline/Timeline.stories.tsx  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/react-component-library/src/components/Timeline/Timeline.stories.tsx b/packages/react-component-library/src/components/Timeline/Timeline.stories.tsx
index c98d957287..93c76f6995 100755
--- a/packages/react-component-library/src/components/Timeline/Timeline.stories.tsx
+++ b/packages/react-component-library/src/components/Timeline/Timeline.stories.tsx
@@ -18,6 +18,19 @@ import {
 
 export default { component: Timeline, title: 'Timeline' } as Meta
 
+const disableScrollableRegionFocusableRule = {
+  a11y: {
+    config: {
+      rules: [
+        {
+          id: 'scrollable-region-focusable',
+          enabled: false,
+        },
+      ],
+    },
+  },
+}
+
 export const NoData = () => (
   <Timeline startDate={new Date(2020, 0, 1)} today={new Date(2020, 0, 15)}>
     <TimelineTodayMarker />
@@ -27,6 +40,7 @@ export const NoData = () => (
     <TimelineRows>{}</TimelineRows>
   </Timeline>
 )
+NoData.parameters = disableScrollableRegionFocusableRule
 NoData.storyName = 'No data'
 
 export const BoundByFixedDates = () => (
@@ -74,6 +88,7 @@ export const WithData = () => (
     </TimelineRows>
   </Timeline>
 )
+WithData.parameters = disableScrollableRegionFocusableRule
 WithData.storyName = 'With data'
 
 export const WithSidebar = () => (