mirror of
https://github.com/lunaisnotaboy/mastodon.git
synced 2024-11-19 05:13:01 +00:00
Replace onWheel listener with onScroll (#3324)
* Replace onWheel listener with onScroll * Update column.js
This commit is contained in:
parent
c6db416ff7
commit
2531c5953b
|
@ -1,6 +1,7 @@
|
|||
import React from 'react';
|
||||
import ColumnHeader from './column_header';
|
||||
import PropTypes from 'prop-types';
|
||||
import { debounce } from 'lodash';
|
||||
|
||||
const easingOutQuint = (x, t, b, c, d) => c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
|
||||
|
@ -48,11 +49,11 @@ class Column extends React.PureComponent {
|
|||
this._interruptScrollAnimation = scrollTop(scrollable);
|
||||
}
|
||||
|
||||
handleWheel = () => {
|
||||
handleScroll = debounce(() => {
|
||||
if (typeof this._interruptScrollAnimation !== 'undefined') {
|
||||
this._interruptScrollAnimation();
|
||||
}
|
||||
}
|
||||
}, 200)
|
||||
|
||||
setRef = (c) => {
|
||||
this.node = c;
|
||||
|
@ -74,7 +75,7 @@ class Column extends React.PureComponent {
|
|||
role='region'
|
||||
aria-labelledby={columnHeaderId}
|
||||
className='column'
|
||||
onWheel={this.handleWheel}>
|
||||
onScroll={this.handleScroll}>
|
||||
{header}
|
||||
{children}
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue