fix(rn) stop room name generator when field is focused

Fixes: https://github.com/jitsi/jitsi-meet/issues/8307
4 years ago · e30b2e14a5
parent 7f1894dd57
commit e30b2e14a5
1 changed files with 10 additions and 3 deletions
--- a/react/features/welcome/components/WelcomePage.native.js
+++ b/react/features/welcome/components/WelcomePage.native.js
@ -167,10 +167,17 @@ class WelcomePage extends AbstractWelcomePage {
     * @returns {void}
     */
    _onFieldFocusChange(focused) {
-        focused
-            && this.setState({
-                _fieldFocused: true
+        if (focused) {
+            // Stop placeholder animation.
+            this._clearTimeouts();
+            this.setState({
+                _fieldFocused: true,
+                roomPlaceholder: ''
            });
+        } else {
+            // Restart room placeholder animation.
+            this._updateRoomname();
+        }

        Animated.timing(
            this.state.hintBoxAnimation,