react-native-youtube-iframe icon indicating copy to clipboard operation
react-native-youtube-iframe copied to clipboard

Published 20 hours ago • verified publisher icon LonelyCpp

Cannot scroll ScrollView: iframe intercepts pan

Open braincore opened this issue 2 years ago • 3 comments

Describe the bug A user is unable to scroll a scrollview if they start their touch on a video that's actively playing.

AFAICT this behavior is introduced inadvertently by YouTube and their embed API. I'm not sure what can be done.

To Reproduce

  1. Inside a scrollview, add a YT iframe.
  2. Have the YT iframe play a video.
  3. Try to scroll the scrollview by starting a gesture from the center of the video.
  4. The gesture is ignored.

Expected behavior The scrollview should scroll.

Smartphone (please complete the following information):

  • react-native-youtube-iframe version 2.2.2
  • react-native-webview version 12.0.2
  • Device: iOS & Android emulators

braincore avatar May 07 '23 16:05 braincore

I have the same issue :c

rlov avatar Aug 30 '23 08:08 rlov

I'm having the same issue :/

Davidorenlane avatar Sep 17 '23 04:09 Davidorenlane

Hey guys, try this -> https://lonelycpp.github.io/react-native-youtube-iframe/remove-context-share It worked for me. I am using it inside Flashlist.

https://github.com/LonelyCpp/react-native-youtube-iframe/assets/78351031/651e8af4-307e-424d-bc33-787fa5c54196

abhinavicodelabs avatar May 31 '24 07:05 abhinavicodelabs