@likable-hair/svelte 3.3.14 → 3.3.15

package/dist/components/composed/list/DynamicTable.svelte

@@ -13,7 +13,7 @@
   ToolTip
 } from "../../..";
 import { DateTime } from "luxon";
-import { createEventDispatcher, onMount } from "svelte";
+import { createEventDispatcher, onMount, tick } from "svelte";
 import { quintOut } from "svelte/easing";
 import { crossfade, fade } from "svelte/transition";
 import Filters from "../search/Filters.svelte";
@@ -595,7 +595,7 @@ function handleRemoveFilter(filter) {
   dispatch("removeFilter", { filter });
   handleSearchChange(searchText);
 }
-function handleLoadForward() {
+async function handleLoadForward() {
   if (renderedRows.length >= renderedRowsNumber) {
     userScrolling = false;
     const anchorIndex = renderedRowsNumber - 1;
@@ -613,19 +613,18 @@ function handleLoadForward() {
       }
     }
     currentSectionNumber = currentSectionNumber + 1;
-    setTimeout(() => {
-      const anchorElementAfter = findAnchorElement(anchorUniqueKey);
-      const anchorOffsetAfter = anchorElementAfter?.getBoundingClientRect().top || 0;
-      const offsetDiff = anchorOffsetAfter - anchorOffsetBefore;
-      tableContainer.scrollTop += offsetDiff;
-      userScrolling = true;
-    }, 10);
+    await tick();
+    const anchorElementAfter = findAnchorElement(anchorUniqueKey);
+    const anchorOffsetAfter = anchorElementAfter?.getBoundingClientRect().top || 0;
+    const offsetDiff = anchorOffsetAfter - anchorOffsetBefore;
+    tableContainer.scrollTop += offsetDiff;
+    userScrolling = true;
   }
   if (totalCachedSections - sectionThreshold <= currentSectionNumber && !loading && totalRows > rows.length) {
     dispatch("fetchData", {});
   }
 }
-function handleLoadBackward() {
+async function handleLoadBackward() {
   userScrolling = false;
   const anchorIndex = 0;
   const anchorUniqueKey = renderedRows[anchorIndex].item[uniqueKey];
@@ -642,13 +641,12 @@ function handleLoadBackward() {
     }
   }
   currentSectionNumber = currentSectionNumber - 1;
-  setTimeout(() => {
-    const anchorElementAfter = findAnchorElement(anchorUniqueKey);
-    const anchorOffsetAfter = anchorElementAfter?.getBoundingClientRect().top || 0;
-    const offsetDiff = anchorOffsetAfter - anchorOffsetBefore;
-    tableContainer.scrollTop += offsetDiff;
-    userScrolling = true;
-  }, 10);
+  await tick();
+  const anchorElementAfter = findAnchorElement(anchorUniqueKey);
+  const anchorOffsetAfter = anchorElementAfter?.getBoundingClientRect().top || 0;
+  const offsetDiff = anchorOffsetAfter - anchorOffsetBefore;
+  tableContainer.scrollTop += offsetDiff;
+  userScrolling = true;
 }
 function findAnchorElement(key) {
   for (let i = 0; i < tableBody.children.length; i++) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.3.14",
+  "version": "3.3.15",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",