github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-07 21:42:16 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Poor scrolling performance on some browsers

Browse source 
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
Qstick 2018-09-13 22:45:45 -04:00
parent ca244b0da5
commit 2c492fdb72
1 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/Components/Scroller/OverlayScroller.js
View file

@ -13,6 +13,7 @@ class OverlayScroller extends Component {
super(props, context);
this._scroller = null;
this._isScrolling = false;
}
componentDidUpdate(prevProps) {
@ -20,7 +21,8 @@ class OverlayScroller extends Component {
scrollTop
} = this.props;
if (scrollTop != null && scrollTop !== prevProps.scrollTop) {
if (!this._isScrolling && scrollTop != null && scrollTop !== prevProps.scrollTop) {
debugger;
this._scroller.scrollTop(scrollTop);
}
}
@ -53,12 +55,21 @@ class OverlayScroller extends Component {
//
// Listers
onScrollStart = () => {
this._isScrolling = true;
}
onScrollStop = () => {
this._isScrolling = false;
}
onScroll = (event) => {
const {
scrollTop,
scrollLeft
} = event.currentTarget;
this._isScrolling = true;
const onScroll = this.props.onScroll;
if (onScroll) {
@ -84,6 +95,8 @@ class OverlayScroller extends Component {
renderThumbHorizontal={this._renderThumb}
renderThumbVertical={this._renderThumb}
renderView={this._renderView}
onScrollStart={this.onScrollStart}
onScrollStop={this.onScrollStop}
onScroll={this.onScroll}
>
{children}