fix: auto focus and scroll to bottom on large-text in composer

src/libs/UpdateMultilineInputRange/index.ios.js

@@ -8,8 +8,9 @@
  * See https://github.com/Expensify/App/issues/20836 for more details.
  *
  * @param {Object} input the input element
+ * @param {boolean} shouldAutoFocus
  */
-export default function updateMultilineInputRange(input) {
+export default function updateMultilineInputRange(input, shouldAutoFocus = true) {
     if (!input) {
         return;
     }
@@ -19,5 +20,7 @@ export default function updateMultilineInputRange(input) {
      * Issue: does not scroll multiline input when text exceeds the maximum number of lines
      * For more details: https://github.com/Expensify/App/pull/27702#issuecomment-1728651132
      */
-    input.focus();
+    if (shouldAutoFocus) {
+        input.focus();
+    }
 }

src/libs/UpdateMultilineInputRange/index.js

@@ -8,8 +8,10 @@
  * See https://github.com/Expensify/App/issues/20836 for more details.
  *
  * @param {Object} input the input element
+ * @param {boolean} shouldAutoFocus
  */
-export default function updateMultilineInputRange(input) {
+// eslint-disable-next-line no-unused-vars
+export default function updateMultilineInputRange(input, shouldAutoFocus = true) {
     if (!input) {
         return;
     }

src/pages/home/report/ReportActionCompose/ComposerWithSuggestions.js

@@ -34,6 +34,7 @@ import withKeyboardState from '../../../../components/withKeyboardState';
 import {propTypes, defaultProps} from './composerWithSuggestionsProps';
 import focusWithDelay from '../../../../libs/focusWithDelay';
 import useDebounce from '../../../../hooks/useDebounce';
+import updateMultilineInputRange from '../../../../libs/UpdateMultilineInputRange';
 
 const {RNTextInputReset} = NativeModules;
 
@@ -490,9 +491,13 @@ function ComposerWithSuggestions({
     }, [focus, prevIsFocused, prevIsModalVisible, isFocused, modal.isVisible, isNextModalWillOpenRef]);
 
     useEffect(() => {
+        // Set the `selection at end` and `scrolls input to bottom` for `Web Platforms`.
+        updateMultilineInputRange(textInputRef.current, shouldAutoFocus);
+
         if (value.length === 0) {
             return;
         }
+
         Report.setReportWithDraft(reportID, true);
 
         // eslint-disable-next-line react-hooks/exhaustive-deps