Skip to content

RNW example doesn't allow the page to scroll #16956

Closed as not planned
Closed as not planned
@oste

Description

@oste

Describe the bug

When running with-react-native-web example I am noticing that the default styling does not allow the page to scroll. See this pull request to see the change in question #4787.

To Reproduce

  1. yarn create next-app --example with-react-native-web with-react-native-web-app
  2. install deps and switch to directory. Then run yarn dev
  3. Update the alternate.js page to include text that would normally need to scroll
  4. Notice the page does not allow scrolling.

Expected behavior

The page can scroll.

Screenshots

Screen Shot 2020-09-09 at 12 03 38 AM

System information

  • OS: OS
  • Browser: Chrome
  • Version of Next.js: 9.3
  • Version of Node.js: 14.7

Additional context

Before submitting a pull request I wanted to get @dcalhoun to give an opinion on the issue. I might be missing something with react native web that requires the body element to contain overflow:hidden to make reusing code across native and web possible.

Metadata

Metadata

Assignees

No one assigned

    Labels

    examplesIssue was opened via the examples template.good first issueEasy to fix issues, good for newcomerslockedstaleThe issue has not seen recent activity.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions