fix(status_list): Update scroll position after toots are appended (#4277)
This commit is contained in:
		
							parent
							
								
									dcb9497148
								
							
						
					
					
						commit
						e01966f7b8
					
				
					 1 changed files with 8 additions and 7 deletions
				
			
		| 
						 | 
				
			
			@ -57,13 +57,14 @@ export default class StatusList extends ImmutablePureComponent {
 | 
			
		|||
  componentDidUpdate (prevProps) {
 | 
			
		||||
    // Reset the scroll position when a new toot comes in in order not to
 | 
			
		||||
    // jerk the scrollbar around if you're already scrolled down the page.
 | 
			
		||||
    if (prevProps.statusIds.size < this.props.statusIds.size &&
 | 
			
		||||
        prevProps.statusIds.first() !== this.props.statusIds.first() &&
 | 
			
		||||
        this._oldScrollPosition &&
 | 
			
		||||
        this.node.scrollTop > 0) {
 | 
			
		||||
      let newScrollTop = this.node.scrollHeight - this._oldScrollPosition;
 | 
			
		||||
      if (this.node.scrollTop !== newScrollTop) {
 | 
			
		||||
        this.node.scrollTop = newScrollTop;
 | 
			
		||||
    if (prevProps.statusIds.size < this.props.statusIds.size && this._oldScrollPosition && this.node.scrollTop > 0) {
 | 
			
		||||
      if (prevProps.statusIds.first() !== this.props.statusIds.first()) {
 | 
			
		||||
        let newScrollTop = this.node.scrollHeight - this._oldScrollPosition;
 | 
			
		||||
        if (this.node.scrollTop !== newScrollTop) {
 | 
			
		||||
          this.node.scrollTop = newScrollTop;
 | 
			
		||||
        }
 | 
			
		||||
      } else {
 | 
			
		||||
        this._oldScrollPosition = this.node.scrollHeight - this.node.scrollTop;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue