ソースを参照

Fixes/rollback scroll changes (#7387)

* Revert "Do not re-position scroll when loading more (inserting items from below) (#7344)"

This reverts commit 8c601b54cc.

* Revert "Prevent timeline from moving when cursor is hovering over it (fixes #7278) (#7327)"

This reverts commit 58852695c8.
master
ThibG 6年前
committed by Eugen Rochko
コミット
e06fbc4fcf
1個のファイルの変更2行の追加11行の削除
  1. +2
    -11
      app/javascript/mastodon/components/scrollable_list.js

+ 2
- 11
app/javascript/mastodon/components/scrollable_list.js ファイルの表示

@@ -35,7 +35,6 @@ export default class ScrollableList extends PureComponent {

state = {
fullscreen: null,
mouseOver: false,
};

intersectionObserverWrapper = new IntersectionObserverWrapper();
@@ -72,7 +71,7 @@ export default class ScrollableList extends PureComponent {
const someItemInserted = React.Children.count(prevProps.children) > 0 &&
React.Children.count(prevProps.children) < React.Children.count(this.props.children) &&
this.getFirstChildKey(prevProps) !== this.getFirstChildKey(this.props);
if (someItemInserted && this.node.scrollTop > 0 || (this.state.mouseOver && !prevProps.isLoading)) {
if (someItemInserted && this.node.scrollTop > 0) {
return this.node.scrollHeight - this.node.scrollTop;
} else {
return null;
@@ -140,14 +139,6 @@ export default class ScrollableList extends PureComponent {
this.props.onLoadMore();
}

handleMouseEnter = () => {
this.setState({ mouseOver: true });
}

handleMouseLeave = () => {
this.setState({ mouseOver: false });
}

render () {
const { children, scrollKey, trackScroll, shouldUpdateScroll, isLoading, hasMore, prepend, emptyMessage, onLoadMore } = this.props;
const { fullscreen } = this.state;
@@ -158,7 +149,7 @@ export default class ScrollableList extends PureComponent {

if (isLoading || childrenCount > 0 || !emptyMessage) {
scrollableArea = (
<div className={classNames('scrollable', { fullscreen })} ref={this.setRef} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>
<div className={classNames('scrollable', { fullscreen })} ref={this.setRef}>
<div role='feed' className='item-list'>
{prepend}



読み込み中…
キャンセル
保存