blocking on scroll doesn't seem to work

Describe the bug When scrolling on mobile I cannot get the swipe to block.

To Reproduce Here’s my code:

`

        <SwipeableList>

          <SwipeableListItem
            threshold={0.2}
            style={{ marginTop: "0px" }}
            swipeLeft={{
              content: <span style={{ fontSize: "3em" }}>😍</span>,
            }}
            swipeRight={{
              content: <span style={{ fontSize: "3em" }}>😒</span>,
            }}
          >

            <div>

              <Text> hello</Text>

            </div>

          </SwipeableListItem>

          <SwipeableListItem
            threshold={0.2}
            style={{ marginTop: "0px" }}
            swipeLeft={{
              content: <span style={{ fontSize: "3em" }}>😍</span>,
            }}
            swipeRight={{
              content: <span style={{ fontSize: "3em" }}>😒</span>,
            }}
          >

            <div>

              <Text> hello</Text>

            </div>

          </SwipeableListItem>
          </SwipeableList>

`

I expected to block swiping when scrolling up or down. The blockSwipe prop on SwipeableListItem does work though.

[marekrozmus]

@MarkTension we have released new version, the branch from my previous comment does not exist anymore so please just use npm install @sandstreamdev/react-swipeable-list to install.

And you can set threshold on SwipeableList component, no need to do this separately for each SwipeableListItem.

[marekrozmus]

We blocked only within list component. Now you can enter element for which scrolling is blocked. Please check following branch:

npm install git://github.com/sandstreamdev/react-swipeable-list.git#fix_for_issues_36

and then in code add prop for SwipeableList

<SwipeableList scrollElement={window}>

Let me know if it helps.