panes: [BUG] cannot scroll up in a scroll container inside the sheet

Describe the bug I am not unable to scroll if I have a scroll container inside the sheet. By default the .cupertino-pane node (parent of the .content node) is scrollable, but I want to turn that off and scroll an inner node. When I do this, I can only barely scroll downwards, but trying to scroll upwards causes the sheet to be pulled. Most times I can’t even scroll in either direction, it’s like my touch is canceled/ignored. I turned off scrolling on the cupertino-pane using overflow: hidden, and set a fixed height (70vh) on the .content node (i.e. the node I want to scroll) along with overflow-y: scroll. You can see this here. I’m using this library in a cordova app. See below.

To Reproduce Steps to reproduce the behavior:

  1. Download this apk here, or if you prefer you can clone the repo and build the app for yourself (use the feature-bottom-sheet branch)
  2. After opening the app, tap the “Init Pane” red button to initialize a pane
  3. Try to scroll the pane, it’s almost unscrollable, and from time to time it will only scroll downwards

Expected behavior I should be able to scroll normally as if I’m in a regular scroll container

Smartphone (please complete the following information):

  • Device: Tecno POP 2 Plus
  • OS: Android 8
  • Browser: Chrome Webview
  • Version: 85

Additional context Using this library in a cordova app.

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 35

Most upvoted comments

@roman-rr got it working! Thanks so much for your help and quick responses! ❤️

@CodeWithOz i will dig into within a week

Hi @roman-rr thanks a lot for your hardwork 👍 . Is there any time frame when you can have a testable fix for this? Thanks!