Merge pull request Expensify#66952 from software-mansion-labs/war-in/dont-use-findNodeHandle-when-resetting-keyboard

Use `nativeId` to reset keyboard on Android - remove `findNodeHandle` usage

Author: mountiny

android/app/src/main/java/com/expensify/chat/RNTextInputResetModule.java

@@ -0,0 +1,30 @@
+package com.expensify.chat;
+
+import android.content.Context;
+import android.view.View;
+import android.view.inputmethod.InputMethodManager;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.uimanager.util.ReactFindViewUtil;
+
+class RNTextInputResetModule(private val reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(
+    reactContext
+) {
+    override fun getName(): String = "RNTextInputReset"
+
+    // Props to https://github.com/MattFoley for this temporary hack
+    // https://github.com/facebook/react-native/pull/12462#issuecomment-298812731
+    @ReactMethod
+    fun resetKeyboardInput(nativeId: String) {
+        reactContext.runOnUiQueueThread {
+            val imm = reactApplicationContext.baseContext.getSystemService(
+                Context.INPUT_METHOD_SERVICE
+            ) as? InputMethodManager
+
+            val reactNativeView = currentActivity?.findViewById<View>(android.R.id.content)
+            val viewToReset = reactNativeView?.let { ReactFindViewUtil.findView(it, nativeId) }
+            imm?.restartInput(viewToReset)
+        }
+    }
+}

android/app/src/main/java/com/expensify/chat/RNTextInputResetModule.kt

@@ -730,7 +730,8 @@
         "pnrs",
         "POLICYCHANGELOG_ADD_EMPLOYEE",
         "xcshareddata",
-        "xcuserdata"
+        "xcuserdata",
+        "inputmethod"
     ],
     "ignorePaths": [
         "src/languages/de.ts",

cspell.json

@@ -305,8 +305,8 @@ function ComposerWithSuggestions(
         if (!RNTextInputReset) {
             return;
         }
-        RNTextInputReset.resetKeyboardInput(findNodeHandle(textInputRef.current));
-    }, [textInputRef]);
+        RNTextInputReset.resetKeyboardInput(CONST.COMPOSER.NATIVE_ID);
+    }, []);
 
     const debouncedSaveReportComment = useMemo(
         () =>

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

@@ -15,7 +15,7 @@ type AppStateTrackerModule = {
 };
 
 type RNTextInputResetModule = {
-    resetKeyboardInput: (nodeHandle: number | null) => void;
+    resetKeyboardInput: (nativeId: string) => void;
 };
 
 type RNNavBarManagerModule = {