From 2805c4e31cbe07f482d5c3b38336194675943927 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Wed, 5 Aug 2020 15:19:07 +0300
Subject: [PATCH] Web: Components: added tabIndex to scroll

---
 .../src/components/scrollbar/index.js                  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/ASC.Web.Components/src/components/scrollbar/index.js b/web/ASC.Web.Components/src/components/scrollbar/index.js
index 567dc6c289..6b3767276e 100644
--- a/web/ASC.Web.Components/src/components/scrollbar/index.js
+++ b/web/ASC.Web.Components/src/components/scrollbar/index.js
@@ -9,22 +9,22 @@ const Scrollbar = React.forwardRef((props, ref) => {
     smallWhite: {
       thumbV: { backgroundColor: 'rgba(256, 256, 256, 0.2)', width: '2px', marginLeft: '2px', borderRadius: 'inherit' },
       thumbH: { backgroundColor: 'rgba(256, 256, 256, 0.2)', height: '2px', marginTop: '2px', borderRadius: 'inherit' },
-      view: {}
+      view: { outline: 'none' }
     },
     smallBlack: {
       thumbV: { backgroundColor: 'rgba(0, 0, 0, 0.1)', width: '2px', marginLeft: '2px', borderRadius: 'inherit' },
       thumbH: { backgroundColor: 'rgba(0, 0, 0, 0.1)', height: '2px', marginTop: '2px', borderRadius: 'inherit' },
-      view: {}
+      view: { outline: 'none' }
     },
     mediumBlack: {
       thumbV: { backgroundColor: 'rgba(0, 0, 0, 0.1)', width: '8px', borderRadius: 'inherit' },
       thumbH: { backgroundColor: 'rgba(0, 0, 0, 0.1)', height: '8px', borderRadius: 'inherit' },
-      view: { paddingRight: '16px' }
+      view: { paddingRight: '16px', outline: 'none' }
     },
     preMediumBlack: {
       thumbV: { backgroundColor: 'rgba(0, 0, 0, 0.1)', width: '5px', borderRadius: 'inherit', cursor: 'default' },
       thumbH: { backgroundColor: 'rgba(0, 0, 0, 0.1)', height: '5px', borderRadius: 'inherit', cursor: 'default' },
-      view: {}
+      view: { outline: 'none' }
     },
   };
 
@@ -43,7 +43,7 @@ const Scrollbar = React.forwardRef((props, ref) => {
   );
 
   const renderView = ({ style, ...props }) => (
-    <div {...props} style={{ ...style, ...view }} className={"scroll-body"} />
+    <div {...props} style={{ ...style, ...view }} tabIndex={-1} className={"scroll-body"} />
   );
 
   return (