Elements inside ScrollContainer scroll not selectable on iPad in Safari

[criacuervos]

Hi all,

I'm running into an issue that only occurs on iPad, testing using safari. The elements are not responsive to touch, but work (element is clicked, seen by a changing css class) when you use two fingers. I have it in my component like this

<React.Fragment>
                <ScrollContainer horizontal={true} vertical={false} className={"scroll-container margin-top margin-bottom"}>
                    <Avatars avatars={this.props.avatars} selectedAvatarIndex={this.props.selectedAvatarIndex} clickOnAvatar={this.props.clickOnAvatar} />
                </ScrollContainer>
</React.Fragment>

After testing nearly everything, I finally removed the component and it works as expected. After some safari debugging on ipad simulator I can see that the event is an onMouseDown event, which I would have expected to be an onTouchStart. It seems like there is some preventDefault occurring and the touch is not being recognized in the child elements. The HTML looks roughly like this:

<div class="indiana-scroll-container--hide-scrollbars indiana-scroll-container--native-scroll>
       <div>
              <img/>
        </div>
</div>