Victory: VictoryChart inside scrollview blocks scroll gesture on Android

Created on 24 Oct 2017 · 6Comments · Source: FormidableLabs/victory

On iOS everything works fine. On Android the chart completely blocks the scrollview gesture. How can i fix this?

Source

danieldelouya

😕2 👍2

Most helpful comment

I would like to add a (in my opinion) more clean solution, as reported here.
Just for reference, the comment suggests to add pointerEvents="none" to the surrounding View.

lorenzosfarra on 9 Aug 2018

👍4

All 6 comments

How can you fix it?

liuruizhe on 16 Jan 2018

@danieldelouya , I'm also facing this issue. Please help

ShaikhKabeer on 9 Feb 2018

@danieldelouya do you have a workaround?

ManAnRuck on 20 Mar 2018

@liuruizhe728 @ShaikhKabeer
I found a workaround

<View> 
<VictoryPie />
{/* Andoid scroll fix */}
                  <View
                    style={{
                      zIndex: 9999,
                      position: "absolute",
                      width: "100%",
                      height: "100%"
                    }}
                  />
</View>

ManAnRuck on 20 Mar 2018

👍3

I would like to add a (in my opinion) more clean solution, as reported here.
Just for reference, the comment suggests to add pointerEvents="none" to the surrounding View.

lorenzosfarra on 9 Aug 2018

👍4

just got bitten by this (both ios and android) @lorenzosfarra answer fixed it for me.
in my case i have a chart inside a react-scrollable-tab-view-tab
the behaviour is very inconsistent, some tabs with scrollview work (eg the scroll works after going to a new tab), some don't (eg scroll is blocked)
there's definitely an issue .