Shopify / Shopify/flash-list

[Bug] [v2] When pagination is triggered in both directions, autoscroll to bottom doesn't work

Open
#1,671 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P1 v2.0
Dominant language
TypeScript
Stars
7.2k
Forks
393
Avg merge
1d 3h
Merged PRs (30d)
1

Description

Current behavior

I have a list with maintainContentVisiblePosition prop and autoScrollToBottomThreshold set to 0.2. When backward and forward pagination is enabled, it might happen that they are both triggered at the same time, for example, when we render a short list. In such a case, autoscroll to the bottom doesn't work.

https://github.com/user-attachments/assets/5c95a84c-dd4e-40de-b2e2-b4837369632b

Expected behavior

Autoscroll to bottom should work when both paginations are triggered.

To Reproduce

https://github.com/jmysliv/rn-playground/tree/%40jmysliv/simpler-flash-list

Platform:

  • iOS
  • Android

Environment

2.0.0-alpha.11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the linked rn-playground fixture app and reproducing the short-list case on iOS with maintainContentVisiblePosition and autoScrollToBottomThreshold set. Trace the handling of simultaneous backward and forward pagination; done means autoscroll reaches the bottom when both pagination directions trigger.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.