fix(scroll): add timeout to scroll on incoming message

ph1p · Nov 16, 2019 · a0c5c06 · a0c5c06
1 parent 5ad7ca8
commit a0c5c06
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/shared/state.ts b/src/shared/state.ts
@@ -21,6 +21,7 @@ const state = store({
   disableAutoScroll: false,
   scrollToBottom() {
     if (!state.disableAutoScroll) {
+      console.log('ok', state.disableAutoScroll);
       // scroll to bottom
       if (state.messagesRef.current) {
         state.messagesRef.current.scrollTop =
@@ -109,7 +110,8 @@ const state = store({
       }
 
       state.messages.push(newMessage);
-      state.scrollToBottom();
+
+      setTimeout(state.scrollToBottom, 0);
     } catch (e) {
       console.log(e);
     }

diff --git a/src/views/user-list.tsx b/src/views/user-list.tsx
@@ -14,7 +14,7 @@ const UserListView: FunctionComponent = () => {
               <div
                 className="color"
                 style={{ backgroundColor: user.color || '#000' }}
-              ></div>
+              />
               <div className="name">{user.name}</div>
             </div>
           ))}

diff --git a/webpack.config.js b/webpack.config.js
@@ -31,7 +31,7 @@ module.exports = (env, argv) => ({
   },
   resolve: { extensions: ['.tsx', '.ts', '.jsx', '.js'] },
   output: {
-  //   filename: '[name].js',
+    filename: '[name].js',
     path: path.resolve(__dirname, figmaPlugin.name)
   },
   plugins: [