Skip to content

Commit 3f074c8

Browse files
committed
chore: Not lose focus of scrollbar
1 parent f90347d commit 3f074c8

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/ScrollBar.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,11 @@ export default class ScrollBar extends React.Component<ScrollBarProps, ScrollBar
6363
raf.cancel(this.moveRaf);
6464
};
6565

66+
onContainerMouseDown: React.MouseEventHandler = e => {
67+
e.stopPropagation();
68+
e.preventDefault();
69+
};
70+
6671
onMouseDown: React.MouseEventHandler = e => {
6772
this.setState({
6873
dragging: true,
@@ -72,6 +77,7 @@ export default class ScrollBar extends React.Component<ScrollBarProps, ScrollBar
7277

7378
this.patchEvents();
7479
e.stopPropagation();
80+
e.preventDefault();
7581
};
7682

7783
onMouseMove = (e: MouseEvent) => {
@@ -144,6 +150,7 @@ export default class ScrollBar extends React.Component<ScrollBarProps, ScrollBar
144150
position: 'absolute',
145151
display: visible ? null : 'none',
146152
}}
153+
onMouseDown={this.onContainerMouseDown}
147154
onMouseMove={this.delayHidden}
148155
>
149156
<div

0 commit comments

Comments
 (0)