fix: Dropdown not positioning properly while going through cell (#566)

fix #556
implerhq · May 15, 2024 · 218a98b · 218a98b
2 parents c1675ff + 343c8b3
commit 218a98b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/widget/src/components/Common/Table/HandsonTable.styles.min.css b/apps/widget/src/components/Common/Table/HandsonTable.styles.min.css
@@ -34,10 +34,13 @@
 .list-wrapper {
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
     background-color: #fff;
-    opacity: 1;
+    opacity: 0;
     z-index: 300;
     position: absolute;
 }
+.list-wrapper.open {
+    opacity: 1;
+}
 
 .list-wrapper ul {
     position: fixed;

diff --git a/apps/widget/src/hooks/Phase3/usePhase3.tsx b/apps/widget/src/hooks/Phase3/usePhase3.tsx
@@ -33,7 +33,7 @@ class SelectEditor extends BaseEditor {
   }
   close() {
     this._opened = false;
-    this.listDiv.style.display = 'none';
+    this.listDiv.classList.remove('open');
   }
   getValue() {
     return this.selectInput.value;
@@ -55,7 +55,6 @@ class SelectEditor extends BaseEditor {
     selectStyle.minWidth = `${width}px`;
     selectStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     selectStyle.margin = '0px';
-    selectStyle.display = '';
   }
   prepare(
     row: number,