Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animated.ScrollView's hidden scrollbar has interact-able force/3D Touch Bar. #26632

Closed
losh11 opened this issue Sep 29, 2019 · 2 comments
Closed
Labels
API: Animated Bug Component: ScrollView Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@losh11
Copy link

losh11 commented Sep 29, 2019

In iOS 13 Apple introduced a new scroll indicator quick scroll that can be toggled by force touching (pressing hard and holding) the scroll indication. In my React Native app, there's a Animated.ScrollView component (horizontal) which has showsHorizontalScrollIndicator={false}. Even though the scroll indicator is disabled, if you force touch where the indicator is supposed to be, it'll move the contents of the scrollview at an accelerated speed.

I believe this is not intended behaviour as the quick scroll interferes with the intended scroll behaviour. Also not sure if this happens with a vertical scroll bar either, but possible I guess.

React Native version:

$ react-native info
info Fetching system and libraries information...
System:
    OS: macOS Mojave 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-6500 CPU @ 3.20GHz
    Memory: 10.90 GB / 24.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 11.14.0 - ~/.nvm/versions/node/v11.14.0/bin/node
    Yarn: 1.17.3 - ~/.nvm/versions/node/v11.14.0/bin/yarn
    npm: 6.11.3 - ~/.nvm/versions/node/v11.14.0/bin/npm
  SDKs:
    iOS SDK:
      Platforms: iOS 13.0, DriverKit 19.0, macOS 10.15, tvOS 13.0, watchOS 6.0
    Android SDK:
      Android NDK: 19.2.5345600
  IDEs:
    Android Studio: 3.4 AI-183.5429.30.34.5452501
    Xcode: 11.0/11A420a - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: 0.61.1 => 0.61.1 
  npmGlobalPackages:
    react-native-cli: 2.0.1

Steps To Reproduce

  1. Create react native (latest) project with a horizontal animated scrollbar with content inside of it.
  2. showsHorizontalScrollIndicator={false}
  3. force touch where the scroll indicator should be and the scrollview will move around at an accelerated speed.

Describe what you expected to happen:

The user should not be able to interact with the scroll indicator in any way.

@stale
Copy link

stale bot commented Dec 28, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Dec 28, 2019
@stale
Copy link

stale bot commented Jan 4, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Jan 4, 2020
@facebook facebook locked as resolved and limited conversation to collaborators Jan 4, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
API: Animated Bug Component: ScrollView Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

2 participants