unexpected behavior on iOS safari in RTL direction

Hello. I am using your great library to show my horizontal lists in RTL mode. it’s about OK in android and chrome , just a little buggy. but it’s totally weird in safari. You can see the behavior below:

<InfiniteLoader isItemLoaded={index => { return this.isLoading || index < this.props.totalCount; }} itemCount={this.props.totalCount} threshold={1} loadMoreItems={(start, end) => console.log('$$$$$$$$$$$$$$$$$$$$$$$$', start , end)}> {({ onItemsRendered, ref }) => ( <List className="List" direction="rtl" height={itemHeight} layout="horizontal" itemCount={this.props.vendors ? this.props.vendors.length : 0} itemSize={itemWidth} onItemsRendered={onItemsRendered} ref={ref} width={window.innerWidth}> {this.itemRenderer} </List> )} </InfiniteLoader>

itemRenderer = (props) => { return <HomeVendorItem {...this.props.vendors[props.index]} style={props.style} isSuperMarket={this.props.isSuperMarket} sendAmplitudeEvent={this.props.sendAmplitudeEvent}/>; };

[bvaughn]

Thanks folks for the added info!

Seems like there’s something about the application code then. It’s hard to do more with this, given that we can’t see the code or the even the app that’s showing this problem. cc @mjseyyedi

[ahmedelgabri]

Same here, can’t reproduce on Safari iOS 12.4 on iPhone 6. The demo works fine.