matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-16 22:01:54 +03:00
Code Activity

Fix infinite loop when there are a lot of invisible events (#554)

Browse Source 
Instead of using a window of a fixed number of events, unpaginate based on the distance of the viewport from the end of the scroll range.

The ScrollPanel uses the scrollTokens to convey to its parent (the TimelinePanel, in this case) the point to unpaginate up to. The TimelinePanel then takes a chunk of events off the front or back of `this.state.events` using `timelineWindow.unpaginate`.

Fixes https://github.com/vector-im/vector-web/issues/2020
This commit is contained in:
Luke Barnard
2016-11-16 14:25:52 +00:00
committed by Richard van der Hoff
parent 6ccc825f0d
commit b718f1542c
4 changed files with 137 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/structures/MessagePanel.js
View File

@ -321,8 +321,11 @@ module.exports = React.createClass({
}
ret.push(
<MemberEventListSummary key={mxEv.getId()} events={summarisedEvents}>
{eventTiles}
<MemberEventListSummary
key={mxEv.getId()}
events={summarisedEvents}
data-scroll-token={eventId}>
{eventTiles}
</MemberEventListSummary>
);
continue;
@ -564,6 +567,7 @@ module.exports = React.createClass({
onScroll={ this.props.onScroll }
onResize={ this.onResize }
onFillRequest={ this.props.onFillRequest }
onUnfillRequest={ this.props.onUnfillRequest }
style={ style }
stickyBottom={ this.props.stickyBottom }>
{topSpinner}