fix: prevent programmatic scrolls from cancelling active touches on iOS

Author: tjzel

packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm

@@ -599,6 +599,7 @@ - (BOOL)_shouldDisableScrollInteraction
   metrics.containerSize = RCTSizeFromCGSize(_scrollView.bounds.size);
   metrics.zoomScale = _scrollView.zoomScale;
   metrics.timestamp = CACurrentMediaTime();
+  metrics.responderIgnoreScroll = !_isUserTriggeredScrolling;
 
   if (_layoutMetrics.layoutDirection == LayoutDirection::RightToLeft) {
     metrics.contentOffset.x = metrics.contentSize.width - metrics.containerSize.width - metrics.contentOffset.x;

packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollEvent.cpp

@@ -44,6 +44,7 @@ jsi::Value ScrollEvent::asJSIValue(jsi::Runtime& runtime) const {
 
   payload.setProperty(runtime, "zoomScale", zoomScale);
   payload.setProperty(runtime, "timestamp", timestamp * 1000);
+  payload.setProperty(runtime, "responderIgnoreScroll", responderIgnoreScroll);
 
   return payload;
 }
@@ -67,7 +68,8 @@ folly::dynamic ScrollEvent::asDynamic() const {
           "contentInset", std::move(contentInsetObj))(
           "contentSize", std::move(contentSizeObj))(
           "layoutMeasurement", std::move(containerSizeObj))(
-          "zoomScale", zoomScale)("timestamp", timestamp * 1000);
+          "zoomScale", zoomScale)("timestamp", timestamp * 1000)(
+          "responderIgnoreScroll", responderIgnoreScroll);
 
   return metrics;
 };

packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollEvent.h

@@ -21,6 +21,7 @@ struct ScrollEvent : public EventPayload {
   EdgeInsets contentInset;
   Size containerSize;
   Float zoomScale{};
+  bool responderIgnoreScroll{false};
 
   /*
    * The time in seconds when the touch occurred or when it was last mutated.