[ScrollView] Warning: ScrollView doesn't take rejection well - scrolls anyway

[magicismight]

I put a ScrollView inside another ScrollView.
When I scrolled,It will give a warning: Warning: ScrollView doesn't take rejection well - scrolls anyway ,and sometimes the ScrollView inside will jump to the top or bottom.

[rxb]

Is it a vertical + horizontal combination or two ScrollViews scrolling on the same axis?

[marcshilling]

I get this warning randomly even without nested ScrollViews. No clue what it means.

[piyushchauhan2011]

Ohhh I'm also getting this warning don't know why 😞

[silentcloud]

I'm also getting this warning

[eljago]

I'm getting this when scrolling vertically a ListView that's inside an horizontal ScrollView

[sghiassy]

The same issue is posted here as well: #41

[felixakiragreen]

👍

[jasonmerino]

I'm getting this issue when nesting a TextInput inside a ListView. When scrolling most of the time I don't get the warning, but when I start the scroll with the pointer (this is in the simulator, haven't tried on device yet) on the TextInput it gives me the warning.

[Joshuabaker2]

I am also seeing this issue. I have a custom 'swipe to delete' for the rows which has a horizontal swipe inside a vertical ListView. If I move up or down at all while this happens, it scrolls. Even with setting:

onPanResponderTerminationRequest: () => false

[ryanmcdermott]

I get this issue with a <ListView> inside a <ScrollView>

[patoroco]

one more here. I have two ListViews inside a Scroll (I'm using react-native-scrollable-tab-view component)

[xiekw2010]

@magicismight The jump reason is than you should set this automaticallyAdjustContentInsets={false}

[pengzekuan]

111

[pengzekuan]

when put a props dynamic in the scrollview it happend

[IlyasM]

+1

[nowaits]

+1

[chenxiaohu]

+1

[wuchu]

+1

[jadsonlourenco]

+1

[niftylettuce]

+1

[bitQ2019]

+1
It may because render a scrollview in another list/scroll view!
And textInput is actually scrollview indeed!
fix!

[iZaL]

👍

[adriansdev]

@MENQ is right, if you drag a scrollview by press and drag within a multiline textInput then you get the error

[javache]

We can probably apply the fix in 67bf0f1 to scrollviews as well. If you have a test case for this, please try it and send a PR.

[jadsonlourenco]

@javache I have tested this PR few days ago, I think that solve this problem, but not: Warning: ScrollView doesn't take rejection well - scrolls anyway

[austin1030]

I tried many methods to have nested ScrollView and avoid warning message but I just can't seems to find a correct way. So, until there is one, I just decided to comment out where the warning message gets called in node_modules/react-native/Libraries/Components/ScrollResponder.js (v 0.17.0) line 203.

scrollResponderHandleResponderReject: function() {
    //warning(false, "ScrollView doesn't take rejection well - scrolls anyway");
},

[alex-gvozden]

I get this "ScrolView doesn't take rejection well"
if I have TextInput inside ScrollView
with just Text it works

so, this is no warning
<View> <Text>Test</Text> </View>

this is with warning
<View> <TextInput style={{height: 40, borderColor: 'gray', borderWidth: 1}} onChangeText={(text) => this.setState({text})} value={this.state.text} /> </View>

[jblack10101]

+1

[brentvatne]

Can someone provide a repo where this happens for @javache? Just create a small example and put it up on Github. Thanks!

[jblack10101]

Sure, here you go: https://github.com/jblack10101/ReactNativeScrollviewWarning

[alexprice1]

I don't want to add noise here, but I noticed I am seeing this issue on iOS if I have a Picker inside the ScrollView. I am guessing this is an issue with there being a scrollable component within this scrollView

[noneven]

+1 and it's not just the warning. If you have a form rendered in a ScrollView, then when you try to move from one TextInput to the next by tapping, the warning fires, and the next field doesn't get focus. You have to tap twice. It makes forms very annoying to use.

[tbolt]

+1

[hvsy]

+1

[hehex9]

+1

[yimiaodaren]

+1

[cemolcay]

+1

[Xwoder]

I notice that, if you put a ScorllView/TextInput in another ScrollVIew, the warning will appear.

[d-johan]

+1

[Rusya13]

+1

[rilyu]

+1

[yury-sannikov]

+1

[gre]

hey.
Please stop commenting "+1".

github have a 👍 feature now, just upvote the first issue message. that way, issues can be sorted by 👍

and if you just want to receive notifications of this issue, there is a Subscribe button on the right too

Thanks

[baloo]

@gre +1

[mkonicek]

Hey guys, I've just removed the warning :) Context: 5f77f15

Lots of people report something similar to this:

I get this warning randomly even without nested ScrollViews. No clue what it means.

I completely agree and don't think the warning is very useful. I'm closing this issue (the warning won't show up anymore in 0.24 and above).

Regarding the second part of the issue description:

and sometimes the ScrollView inside will jump to the top or bottom

Please report that separately (with a video!) and ideally send a pull request with a fix.

[mkonicek]

To clarify, here's what the warning actually means. You can see I manage to scroll the ScrollView even when dragging the slider:
https://vid.me/t5hY

This only happens on iOS and someone should fix that. But the warning pops up in many normal cases too, like when flinging the slider vertically. In this case scrolling is good but the warning still pops up.

It's not clear to me whether this GitHub issue was about the warning itself or about the ScrollView not taking rejection well. The warning was not actionable and it is gone now, let's discuss the ScrollView not taking rejection well separately (ideally someone with iOS knowledge could send a pull request with a fix).

[GantMan]

Do you think it's wise to do this to scrollview? People won't understand.

...poor poor scrollview

[Emilios1995]

@mkonicek Thanks, but did your commit get merged? I'm still getting the warning in 0.24

[grayboxpdx]

@mkonicek Same here, I'm still getting the warning in 0.24.1

[creeperyang]

@chirag04 not work. More details?