ant-design / ant-design/x

"Feature Request: Infinite Scroll Up Support for bubble.list"

Open
#367 6 comments 0 reactions 0 assignees View on GitHub
2.x documentation
Dominant language
TypeScript
Stars
4.8k
Forks
1.2k
Avg merge
3d 3h
Merged PRs (30d)
2

Description

### 需求动机

### Description
It would be a great enhancement to add **infinite scroll upwards** support for `bubble.list`. This is especially useful for chat applications or similar use cases where users scroll up to load older content.

Currently, `bubble.list` supports regular infinite scrolling downwards, but there is no built-in support for upwards scrolling.

---

### Use Case
For chat-based applications or timelines, when users reach the top of the scroll container, they expect older data to load seamlessly. Implementing infinite scroll upwards will greatly improve user experience.

---

### Expected Behavior
1. When the user scrolls to the **top** of the `bubble.list`:
- A callback function like `onScrollUp` is triggered.
- New data is fetched and prepended to the list without shifting the scroll position abruptly.

2. Maintain the current scroll position to avoid user confusion.

---

### 提议的 API 是什么样的?

### Proposed API
Add a prop like:
```tsx

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the bubble.list implementation and its existing downward infinite-scroll entry point. Review how loading props and scroll state are handled; done means an upward-loading API can fetch older content, prepend it, show loading state, and preserve the user's visible position.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.