react / react/react-strict-dom

Patterns for scrolling without `ScrollView`

Open
#277 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
3.6k
Forks
206
PR merge metrics
No merged PRs in 30d

Description

Describe the feature request

One of the most challenging pieces of handling UI across platforms is scrolling. I wrote a post about it in the Solito docs which covers some (though not all) of the challenges.

Namely:

  • Window scrolling on web
  • Window scrolling allowing mobile browsers to collapse the top & bottom of the screen
  • ScrollView on native needed to scroll
  • ScrollView on web needing a parent with a fixed height (or flexGrow: 1, flexBasis: 0)

I'm wondering how this all fits into react-strict-dom. What are patterns for handling scrolling? What have you done given that overflow isn't supported in RN yet and that native scrolling is so different?

Thanks!

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 with the linked Solito scrolling article to understand the web and native cases described here. Then determine whether react-strict-dom has an existing scrolling entry point or documentation to extend; done requires an agreed, documented pattern for window scrolling, native ScrollView behavior, and web overflow constraints.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, react-native
Domain
frontend, mobile-dev, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.