From 3e88b8d8d6307bd7550f49a56ff93dae87cb4e90 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Tue, 15 Aug 2023 18:07:59 +0530
Subject: [PATCH 01/13] added new scroll to demo logic

---
 components/EditorOverview.vue | 43 ++++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 2426401..e4980c5 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -56,6 +56,12 @@ function pictureClicked() {
  */
 const demoEnabled = ref(false);
 
+
+/**
+ * Dom mutation listener used to scroll to the demo
+ */
+const listener = ref<any>();
+
 /**
  * Access the Analytics module
  */
@@ -67,7 +73,22 @@ const { $track } = useNuxtApp();
 function playDemoClicked(){
   demoEnabled.value = true;
 
-  demoCanvas.value?.scrollIntoViewIfNeeded();
+
+/**
+ * Listen to DOM Mutations and wait for editorjs element to be inserted 
+ * then scroll to it. We have to wait for the editorjs element to be inserted
+ * otherwise the scroll will not work
+ */
+  listener.value=()=>{
+    if(document.getElementById('editorjs')){
+      smoothScrollToCenter(demoCanvas.value)
+      window.removeEventListener('DOMNodeInserted',listener.value)
+    }
+  }
+  
+  window.addEventListener('DOMNodeInserted',listener.value)
+
+
 
   const isMobile = window.matchMedia('(max-width: 710px)').matches;
 
@@ -93,6 +114,26 @@ function playDemoClicked(){
    */
   $track(AnalyticEvent.PlayWithDemoClicked)
 }
+
+/**
+ * Scrolls to targetEle
+ */
+function smoothScrollToCenter(targetEle:HTMLElement|null) {
+    
+    if (!targetEle) {
+        return;
+    }
+    
+    const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
+    const screenHeight = window.innerHeight;
+    const targetDivHeight=targetEle.getBoundingClientRect().height
+    const targetOffset = targetPosition - (screenHeight / 2)+(targetDivHeight/2);
+    
+    window.scrollTo({
+        top: targetOffset,
+        behavior: 'smooth'
+    });
+}
 </script>
 
 <style lang="postcss">

From afd7f9a0221b202d7b6f8dba4543d4fafce7e8b9 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Tue, 15 Aug 2023 18:32:59 +0530
Subject: [PATCH 02/13] refactor

---
 components/EditorOverview.vue | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index e4980c5..e04c459 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -56,12 +56,6 @@ function pictureClicked() {
  */
 const demoEnabled = ref(false);
 
-
-/**
- * Dom mutation listener used to scroll to the demo
- */
-const listener = ref<any>();
-
 /**
  * Access the Analytics module
  */
@@ -79,14 +73,14 @@ function playDemoClicked(){
  * then scroll to it. We have to wait for the editorjs element to be inserted
  * otherwise the scroll will not work
  */
-  listener.value=()=>{
+  const onDomChange=()=>{
     if(document.getElementById('editorjs')){
       smoothScrollToCenter(demoCanvas.value)
-      window.removeEventListener('DOMNodeInserted',listener.value)
+      window.removeEventListener('DOMNodeInserted',onDomChange)
     }
   }
   
-  window.addEventListener('DOMNodeInserted',listener.value)
+  window.addEventListener('DOMNodeInserted',onDomChange)
 
 
 

From 35b92824f72e4db6f8712a8323768765557de43d Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:04:34 +0530
Subject: [PATCH 03/13] run scroll function from onMounted method

---
 components/EditorDemo.vue     | 46 +++++++++++++++++++++++++++++++++--
 components/EditorOverview.vue | 38 +++--------------------------
 2 files changed, 47 insertions(+), 37 deletions(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index 4d1ab9a..f5fed19 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     id="editorjs"
-    class="editor-holder"
+    class="editor-holder yyy"
+    ref="editorjs"
   >
   </div>
 </template>
@@ -21,6 +22,46 @@ import Quote from '@editorjs/quote';
 import Raw from '@editorjs/raw';
 import Table from '@editorjs/table';
 import Warning from '@editorjs/warning';
+import { onMounted, ref } from 'vue'
+
+
+const {scrollToCenter}=defineProps<{
+
+  /**
+   * Pass true to make text smaller
+   */
+  scrollToCenter?: Boolean,
+}>()
+
+const editorjs = ref<HTMLElement | null>(null);
+
+onMounted(()=>{
+  if(scrollToCenter){
+    smoothScrollToCenter(editorjs.value)
+  }
+
+})
+
+/**
+ * Scrolls to targetEle
+ */
+ function smoothScrollToCenter(targetEle:HTMLElement|null) {
+    
+    if (!targetEle) {
+        return;
+    }
+    
+    const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
+    const screenHeight = window.innerHeight;
+    const targetDivHeight=targetEle.getBoundingClientRect().height
+    const targetOffset = targetPosition - (screenHeight / 2)+(targetDivHeight/2);
+    console.log(targetDivHeight);
+    
+    window.scrollTo({
+        top: targetOffset,
+        behavior: 'smooth'
+    });
+}
 
 new EditorJs({
   autofocus: true,
@@ -104,13 +145,14 @@ new EditorJs({
     },
     warning: Warning,
     checklist: Checklist,
-  }
+    }
 });
 
 </script>
 
 <style lang="postcss">
 .editor-holder {
+  min-height: 400px;
   @media (--small-viewport) {
     padding: 0 20px;
   }
diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index e04c459..206f2a4 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -23,7 +23,7 @@
             @click="pictureClicked"
           />
         </template>
-        <LazyEditorDemo v-else />
+        <LazyEditorDemo v-else scroll-to-center/>
         <UiButton
           v-if="demoEnabled === false"
           class="overview__demo-button"
@@ -68,20 +68,6 @@ function playDemoClicked(){
   demoEnabled.value = true;
 
 
-/**
- * Listen to DOM Mutations and wait for editorjs element to be inserted 
- * then scroll to it. We have to wait for the editorjs element to be inserted
- * otherwise the scroll will not work
- */
-  const onDomChange=()=>{
-    if(document.getElementById('editorjs')){
-      smoothScrollToCenter(demoCanvas.value)
-      window.removeEventListener('DOMNodeInserted',onDomChange)
-    }
-  }
-  
-  window.addEventListener('DOMNodeInserted',onDomChange)
-
 
 
   const isMobile = window.matchMedia('(max-width: 710px)').matches;
@@ -109,25 +95,7 @@ function playDemoClicked(){
   $track(AnalyticEvent.PlayWithDemoClicked)
 }
 
-/**
- * Scrolls to targetEle
- */
-function smoothScrollToCenter(targetEle:HTMLElement|null) {
-    
-    if (!targetEle) {
-        return;
-    }
-    
-    const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
-    const screenHeight = window.innerHeight;
-    const targetDivHeight=targetEle.getBoundingClientRect().height
-    const targetOffset = targetPosition - (screenHeight / 2)+(targetDivHeight/2);
-    
-    window.scrollTo({
-        top: targetOffset,
-        behavior: 'smooth'
-    });
-}
+
 </script>
 
 <style lang="postcss">
@@ -160,7 +128,7 @@ function smoothScrollToCenter(targetEle:HTMLElement|null) {
     padding-top: var(--canvas-padding-top);
     display: flex;
     flex-direction: column;
-    min-height: 400px;
+    
     /* aspect-ratio: var(--canvas-width) / var(--canvas-height); */
 
     &-pic1 {

From b9771c68a863d70f55ef93d05ce9684efba57c26 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:21:31 +0530
Subject: [PATCH 04/13] refactor

---
 components/EditorDemo.vue     | 2 +-
 components/EditorOverview.vue | 9 +--------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index f5fed19..2755338 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -28,7 +28,7 @@ import { onMounted, ref } from 'vue'
 const {scrollToCenter}=defineProps<{
 
   /**
-   * Pass true to make text smaller
+   * Pass true to scroll the demo into view
    */
   scrollToCenter?: Boolean,
 }>()
diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 206f2a4..839ff04 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -3,7 +3,6 @@
     <LayoutCenterContainer>
       <div
         class="overview__canvas"
-        ref="demoCanvas"
       >
         <div
           class="fake-input"
@@ -23,7 +22,7 @@
             @click="pictureClicked"
           />
         </template>
-        <LazyEditorDemo v-else scroll-to-center/>
+        <LazyEditorDemo v-else :scroll-to-center="true"/>
         <UiButton
           v-if="demoEnabled === false"
           class="overview__demo-button"
@@ -45,7 +44,6 @@ import { ref } from 'vue';
 // declare a ref to hold the element reference
 // the name must match template ref value
 const demoButton = ref()
-const demoCanvas = ref<HTMLElement | null>(null);
 
 function pictureClicked() {
   (demoButton.value as {shake: Function}).shake();
@@ -67,9 +65,6 @@ const { $track } = useNuxtApp();
 function playDemoClicked(){
   demoEnabled.value = true;
 
-
-
-
   const isMobile = window.matchMedia('(max-width: 710px)').matches;
 
   if (isMobile) {
@@ -94,8 +89,6 @@ function playDemoClicked(){
    */
   $track(AnalyticEvent.PlayWithDemoClicked)
 }
-
-
 </script>
 
 <style lang="postcss">

From 094fa5815c51ea51e505f042765128770e4de875 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:28:52 +0530
Subject: [PATCH 05/13] cleanup

---
 components/EditorDemo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index 2755338..cf343e8 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     id="editorjs"
-    class="editor-holder yyy"
+    class="editor-holder"
     ref="editorjs"
   >
   </div>
@@ -145,7 +145,7 @@ new EditorJs({
     },
     warning: Warning,
     checklist: Checklist,
-    }
+  }
 });
 
 </script>

From 70504e5f98fbaa1ffdafb025e00da3f33b6f5157 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:30:57 +0530
Subject: [PATCH 06/13] cleanup

---
 components/EditorOverview.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 839ff04..557b043 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -121,7 +121,6 @@ function playDemoClicked(){
     padding-top: var(--canvas-padding-top);
     display: flex;
     flex-direction: column;
-    
     /* aspect-ratio: var(--canvas-width) / var(--canvas-height); */
 
     &-pic1 {

From 96868bda2d0790df5bfce9ea0fc65f5f1199142b Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:32:17 +0530
Subject: [PATCH 07/13] cleanup

---
 components/EditorDemo.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index cf343e8..14bcfbe 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -55,7 +55,6 @@ onMounted(()=>{
     const screenHeight = window.innerHeight;
     const targetDivHeight=targetEle.getBoundingClientRect().height
     const targetOffset = targetPosition - (screenHeight / 2)+(targetDivHeight/2);
-    console.log(targetDivHeight);
     
     window.scrollTo({
         top: targetOffset,

From 77ba6652ee7df3da8d9ad7abda19dba2adfc1998 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:37:58 +0530
Subject: [PATCH 08/13] logic improved

---
 components/EditorDemo.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index 14bcfbe..af16e30 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -54,7 +54,7 @@ onMounted(()=>{
     const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
     const screenHeight = window.innerHeight;
     const targetDivHeight=targetEle.getBoundingClientRect().height
-    const targetOffset = targetPosition - (screenHeight / 2)+(targetDivHeight/2);
+    const targetOffset = targetPosition - (screenHeight / 3);
     
     window.scrollTo({
         top: targetOffset,

From f87f4bf2d2db373bd0415a1aab136c6c444b1683 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 09:42:00 +0530
Subject: [PATCH 09/13] cleanup

---
 components/EditorDemo.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index af16e30..594cccb 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -53,8 +53,7 @@ onMounted(()=>{
     
     const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
     const screenHeight = window.innerHeight;
-    const targetDivHeight=targetEle.getBoundingClientRect().height
-    const targetOffset = targetPosition - (screenHeight / 3);
+    const targetOffset = targetPosition - (screenHeight / 3); //will scroll to 33% from top of the screen
     
     window.scrollTo({
         top: targetOffset,

From 84053b003cbbe7a50c5fde3fbc2504f08eab3899 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 16 Aug 2023 12:21:50 +0530
Subject: [PATCH 10/13] simplification

---
 components/EditorDemo.vue     | 40 -----------------------------------
 components/EditorOverview.vue | 23 +++++++++++++++++++-
 2 files changed, 22 insertions(+), 41 deletions(-)

diff --git a/components/EditorDemo.vue b/components/EditorDemo.vue
index 594cccb..4d1ab9a 100644
--- a/components/EditorDemo.vue
+++ b/components/EditorDemo.vue
@@ -2,7 +2,6 @@
   <div
     id="editorjs"
     class="editor-holder"
-    ref="editorjs"
   >
   </div>
 </template>
@@ -22,44 +21,6 @@ import Quote from '@editorjs/quote';
 import Raw from '@editorjs/raw';
 import Table from '@editorjs/table';
 import Warning from '@editorjs/warning';
-import { onMounted, ref } from 'vue'
-
-
-const {scrollToCenter}=defineProps<{
-
-  /**
-   * Pass true to scroll the demo into view
-   */
-  scrollToCenter?: Boolean,
-}>()
-
-const editorjs = ref<HTMLElement | null>(null);
-
-onMounted(()=>{
-  if(scrollToCenter){
-    smoothScrollToCenter(editorjs.value)
-  }
-
-})
-
-/**
- * Scrolls to targetEle
- */
- function smoothScrollToCenter(targetEle:HTMLElement|null) {
-    
-    if (!targetEle) {
-        return;
-    }
-    
-    const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
-    const screenHeight = window.innerHeight;
-    const targetOffset = targetPosition - (screenHeight / 3); //will scroll to 33% from top of the screen
-    
-    window.scrollTo({
-        top: targetOffset,
-        behavior: 'smooth'
-    });
-}
 
 new EditorJs({
   autofocus: true,
@@ -150,7 +111,6 @@ new EditorJs({
 
 <style lang="postcss">
 .editor-holder {
-  min-height: 400px;
   @media (--small-viewport) {
     padding: 0 20px;
   }
diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 557b043..17d98f6 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -3,6 +3,7 @@
     <LayoutCenterContainer>
       <div
         class="overview__canvas"
+        ref="demoCanvas"
       >
         <div
           class="fake-input"
@@ -22,7 +23,7 @@
             @click="pictureClicked"
           />
         </template>
-        <LazyEditorDemo v-else :scroll-to-center="true"/>
+        <LazyEditorDemo v-else />
         <UiButton
           v-if="demoEnabled === false"
           class="overview__demo-button"
@@ -44,6 +45,7 @@ import { ref } from 'vue';
 // declare a ref to hold the element reference
 // the name must match template ref value
 const demoButton = ref()
+const demoCanvas = ref<HTMLElement | null>(null);
 
 function pictureClicked() {
   (demoButton.value as {shake: Function}).shake();
@@ -65,6 +67,8 @@ const { $track } = useNuxtApp();
 function playDemoClicked(){
   demoEnabled.value = true;
 
+  smoothScrollToCenter(demoCanvas.value)
+
   const isMobile = window.matchMedia('(max-width: 710px)').matches;
 
   if (isMobile) {
@@ -89,6 +93,22 @@ function playDemoClicked(){
    */
   $track(AnalyticEvent.PlayWithDemoClicked)
 }
+
+function smoothScrollToCenter(targetEle:HTMLElement|null) {
+    
+    if (!targetEle) {
+        return;
+    }
+    
+    const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
+    const screenHeight = window.innerHeight;
+    const targetOffset = targetPosition - (screenHeight / 3);
+    
+    window.scrollTo({
+        top: targetOffset,
+        behavior: 'smooth'
+    });
+}
 </script>
 
 <style lang="postcss">
@@ -121,6 +141,7 @@ function playDemoClicked(){
     padding-top: var(--canvas-padding-top);
     display: flex;
     flex-direction: column;
+    min-height: 400px;
     /* aspect-ratio: var(--canvas-width) / var(--canvas-height); */
 
     &-pic1 {

From bf75e0769e2b88d7d188b03b10a1bf0b446cc6ff Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Fri, 18 Aug 2023 07:43:41 +0530
Subject: [PATCH 11/13] scroll interrupt bug fix

---
 components/EditorOverview.vue | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 17d98f6..419c8c3 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -67,7 +67,7 @@ const { $track } = useNuxtApp();
 function playDemoClicked(){
   demoEnabled.value = true;
 
-  smoothScrollToCenter(demoCanvas.value)
+  smoothScrollToView(demoCanvas.value)
 
   const isMobile = window.matchMedia('(max-width: 710px)').matches;
 
@@ -77,15 +77,20 @@ function playDemoClicked(){
      * contenteditable element which is not presents on a page in a moment of button click
      *
      * So we use fake invisible input to focus it first, then change focus to our editor
+     * 
+     * setTimeout is used because the virtual keyboard interrupts scroll
      */
-    (document.querySelector('.fake-input') as HTMLElement).focus();
+    
+    setTimeout(()=>{
+        (document.querySelector('.fake-input') as HTMLElement).focus();
 
-    const block: HTMLElement | null = document.querySelector('.ce-paragraph');
+      const block: HTMLElement | null = document.querySelector('.ce-paragraph');
 
-    if (block !== null){
+      if (block !== null){
 
-      block.focus()
-    }
+        block.focus()
+      }
+    },1000)
   }
 
   /**
@@ -94,7 +99,8 @@ function playDemoClicked(){
   $track(AnalyticEvent.PlayWithDemoClicked)
 }
 
-function smoothScrollToCenter(targetEle:HTMLElement|null) {
+
+function smoothScrollToView(targetEle:HTMLElement|null) {
     
     if (!targetEle) {
         return;
@@ -102,7 +108,7 @@ function smoothScrollToCenter(targetEle:HTMLElement|null) {
     
     const targetPosition = targetEle.getBoundingClientRect().top + window.scrollY;
     const screenHeight = window.innerHeight;
-    const targetOffset = targetPosition - (screenHeight / 3);
+    const targetOffset = targetPosition - (screenHeight / 3); 
     
     window.scrollTo({
         top: targetOffset,

From d2df0509756204ef48aa74674446a88f5b1705a8 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Fri, 18 Aug 2023 07:45:28 +0530
Subject: [PATCH 12/13] added comment

---
 components/EditorOverview.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index 419c8c3..fcd97ad 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -100,6 +100,9 @@ function playDemoClicked(){
 }
 
 
+/**
+   * Scroll the target element to 33% from top of the screen
+   */
 function smoothScrollToView(targetEle:HTMLElement|null) {
     
     if (!targetEle) {

From b480a4e49f83f241ce24be1b69aca0bc26557669 Mon Sep 17 00:00:00 2001
From: Vikram Reddy <vikram.reddy@bijnis.com>
Date: Wed, 13 Sep 2023 09:30:43 +0530
Subject: [PATCH 13/13] revert mobile focus fix

---
 components/EditorOverview.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/components/EditorOverview.vue b/components/EditorOverview.vue
index fcd97ad..0a5fffc 100644
--- a/components/EditorOverview.vue
+++ b/components/EditorOverview.vue
@@ -77,20 +77,15 @@ function playDemoClicked(){
      * contenteditable element which is not presents on a page in a moment of button click
      *
      * So we use fake invisible input to focus it first, then change focus to our editor
-     * 
-     * setTimeout is used because the virtual keyboard interrupts scroll
      */
-    
-    setTimeout(()=>{
-        (document.querySelector('.fake-input') as HTMLElement).focus();
+    (document.querySelector('.fake-input') as HTMLElement).focus();
 
-      const block: HTMLElement | null = document.querySelector('.ce-paragraph');
+    const block: HTMLElement | null = document.querySelector('.ce-paragraph');
 
-      if (block !== null){
+    if (block !== null){
 
-        block.focus()
-      }
-    },1000)
+      block.focus()
+    }
   }
 
   /**