Web: Components: added tabIndex to scroll

This commit is contained in:
Nikita Gopienko 2020-08-05 15:19:07 +03:00
parent 6c69ece258
commit 2805c4e31c

View File

@ -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 (