From ffbd22afb8546be755bf3dccff86d8663d170310 Mon Sep 17 00:00:00 2001
From: Nishant Mittal <mittalnishant14@outlook.com>
Date: Sat, 16 Oct 2021 17:18:12 +0530
Subject: [PATCH] [GH-1315] Fix card automatically scrolls to bottom (#1573)

* fix: card automatically scrolls to bottom

* fix: update jest snapshots
---
 .../__snapshots__/cardDetailContents.test.tsx.snap          | 2 +-
 .../content/__snapshots__/textElement.test.tsx.snap         | 6 ++++--
 webapp/src/components/markdownEditor.tsx                    | 1 -
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap b/webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap
index c8a9e5183..01f4e62cd 100644
--- a/webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap
+++ b/webapp/src/components/cardDetail/__snapshots__/cardDetailContents.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`components/cardDetail/cardDetailContents should match snapshot 1`] = `
               class="EasyMDEContainer"
             >
               <div
-                class="CodeMirror cm-s-easymde CodeMirror-wrap CodeMirror-focused"
+                class="CodeMirror cm-s-easymde CodeMirror-wrap"
               >
                 <div
                   style="overflow: hidden; position: relative; width: 3px; height: 0px;"
diff --git a/webapp/src/components/content/__snapshots__/textElement.test.tsx.snap b/webapp/src/components/content/__snapshots__/textElement.test.tsx.snap
index c7ad7bd12..ad7ac0d9b 100644
--- a/webapp/src/components/content/__snapshots__/textElement.test.tsx.snap
+++ b/webapp/src/components/content/__snapshots__/textElement.test.tsx.snap
@@ -3,14 +3,15 @@
 exports[`components/content/TextElement return a textElement 1`] = `
 <div>
   <div
-    class="MarkdownEditor octo-editor  "
+    class="MarkdownEditor octo-editor  active"
   >
     <div
       class="octo-editor-preview octo-placeholder"
+      style="display: none;"
     />
     <div
       class="octo-editor-active Editor"
-      style="visibility: hidden; position: absolute; top: 0px; left: 0px;"
+      style=""
     >
       <div
         id="test-id-wrapper"
@@ -140,6 +141,7 @@ exports[`components/content/TextElement return a textElement and do a blur event
   >
     <div
       class="octo-editor-preview octo-placeholder"
+      style=""
     />
     <div
       class="octo-editor-active Editor"
diff --git a/webapp/src/components/markdownEditor.tsx b/webapp/src/components/markdownEditor.tsx
index 9c6ceb2a7..7a7656f60 100644
--- a/webapp/src/components/markdownEditor.tsx
+++ b/webapp/src/components/markdownEditor.tsx
@@ -33,7 +33,6 @@ const MarkdownEditor = (props: Props): JSX. Element => {
         autoDownloadFontAwesome: true,
         toolbar: false,
         status: false,
-        autofocus: true,
         spellChecker: true,
         nativeSpellcheck: true,
         minHeight: '10px',