Merge pull request #30857 from tsa321/ios-scrti

Fix ios and msafari to scroll text of edit message to bottom when click edit comment

src/pages/home/report/ReportActionItemMessageEdit.js

@@ -169,6 +169,15 @@ function ReportActionItemMessageEdit(props) {
         [props.action.reportActionID],
     );
 
+    // Scroll content of textInputRef to bottom
+    useEffect(() => {
+        if (!textInputRef.current) {
+            return;
+        }
+        textInputRef.current.focus();
+        textInputRef.current.scrollTop = textInputRef.current.scrollHeight;
+    }, []);
+
     useEffect(() => {
         // For mobile Safari, updating the selection prop on an unfocused input will cause it to automatically gain focus
         // and subsequent programmatic focus shifts (e.g., modal focus trap) to show the blue frame (:focus-visible style),

src/pages/home/report/ReportActionsList.js

@@ -429,6 +429,7 @@ function ReportActionsList({
                     keyboardShouldPersistTaps="handled"
                     onLayout={onLayoutInner}
                     onScroll={trackVerticalScrolling}
+                    onScrollToIndexFailed={() => {}}
                     extraData={extraData}
                 />
             </Animated.View>