From d411465a6cd5a55728eae0251f5c5bc3657861cc Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Thu, 30 Jan 2020 16:57:03 +1100
Subject: [PATCH] fix text scramble animation on registration

---
 js/views/session_registration_view.js       | 2 +-
 ts/components/session/SessionIdEditable.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/js/views/session_registration_view.js b/js/views/session_registration_view.js
index 41c2b24ee..b1ec89621 100644
--- a/js/views/session_registration_view.js
+++ b/js/views/session_registration_view.js
@@ -120,7 +120,7 @@
   window.Session = window.Session || {};
 
   window.Session.setNewSessionID = sessionID => {
-    const el = document.querySelector('.session-id-editable');
+    const el = document.querySelector('.session-id-editable-textarea');
     const fx = new TextScramble(el);
     el.value = sessionID;
     fx.setText(sessionID);
diff --git a/ts/components/session/SessionIdEditable.tsx b/ts/components/session/SessionIdEditable.tsx
index cc5c140d2..a7fd4aa09 100644
--- a/ts/components/session/SessionIdEditable.tsx
+++ b/ts/components/session/SessionIdEditable.tsx
@@ -30,6 +30,7 @@ export class SessionIdEditable extends React.PureComponent<Props> {
     return (
       <div className="session-id-editable">
         <textarea
+          className="session-id-editable-textarea"
           ref={this.inputRef}
           placeholder={placeholder}
           disabled={!editable}