From c57800b4cf5fc2aa047c9f01bae5b5994f89fbe9 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Tue, 24 Sep 2024 20:08:36 +0800
Subject: chore: reformat code

---
 src/Layout.mjs | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/Layout.mjs')

diff --git a/src/Layout.mjs b/src/Layout.mjs
index 51caefb..1279111 100644
--- a/src/Layout.mjs
+++ b/src/Layout.mjs
@@ -123,7 +123,6 @@ export class Overlay extends Layout {
   }
 
   enterHandler = ({ htmlHolder, blocks }) => {
-
     // FIXME It is weird rect from this method and this scope are different...
     blocks.forEach(this.saveLeftTopAsData)
 
@@ -144,10 +143,11 @@ export class Overlay extends Layout {
         </div>
       `
 
+      // Set DOMRect for wrapper
       wrapper.appendChild(block)
-      htmlHolder.appendChild(wrapper)
       wrapper.style.left = left + "px"
       wrapper.style.top = top + "px"
+      htmlHolder.appendChild(wrapper)
       const { width } = wrapper.getBoundingClientRect()
       left += width + 30
       if (left > window.innerWidth) {
@@ -155,10 +155,11 @@ export class Overlay extends Layout {
         left = left % window.innerWidth
       }
 
+      // Animation for DOMRect
       animateRectTransition(
         wrapper,
         { left: originLeft, top: originTop },
-        { resume: true, duration: 500 }
+        { resume: true, duration: 300 }
       )
         .finished
         .finally(() => this.addDraggable(wrapper))
-- 
cgit v1.2.3-70-g09d2