element-hq / element-hq/element-web

Add "Load more" button to the top of timeline instead of having to wrestle the scroll back and fourth to trigger infinite scroll

Open
#21,240 4 comments 1 reaction 0 assignees View on GitHub
A-Timeline O-Occasional S-Tolerable T-Enhancement
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

#### What would you like to do?

Add a "Load more" button to the top of timeline instead of having to wrestle the scroll back and fourth to trigger infinite scroll. Basically an alternative to the intersection observer. Inspired by https://gitlab.com/gitterHQ/webapp/-/issues/2289

![](https://user-images.githubusercontent.com/558581/156085964-9b4eb218-b987-410c-89ef-5348f8c7131f.png)

#### Why would you like to do it?

When I want to scroll back many days, I keep scrolling up over and over and over. Oftentimes, the infinite loading does not trigger unless I scroll back down and up to hit the top. In any case of the infinite scrolling problem being fixed, it would be nice to add a manual action to go and fetch the next page of scrollback.

This helps when the timeline fails in any case and for any of the future regressions and bugs:

- https://github.com/vector-im/element-web/issues/18325
- https://github.com/vector-im/element-web/issues/23208

### Have you considered any alternatives?

_No response_

### Additional context

UI References

Google photos has infinite scrolling and "Show more results" button once you hit the soft-limit:

![](https://user-images.githubusercontent.com/558581/156119519-b148ee87-c5ce-4f29-bb11-eb16a3ae1e09.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.