Fixes attribute menu position on scroll

concord-consortium · Mar 26, 2024 · febd498 · febd498
1 parent b478133
commit febd498
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/draggable-table-tags.tsx b/src/components/draggable-table-tags.tsx
@@ -80,7 +80,7 @@ export const DraggagleTableHeader: React.FC<DraggagleTableHeaderProps> = ({colle
     handleSortAttribute(dataSetName, attribute.id, isDescending);
     setShowHeaderMenu(false);
   };
-
+console.log("****** headerPos", headerPos, scrollY);
   return (
     <>
       <th
@@ -108,7 +108,7 @@ export const DraggagleTableHeader: React.FC<DraggagleTableHeaderProps> = ({colle
       { showHeaderMenu && tableContainer && headerPos &&
           createPortal(
             <div className={css.headerMenu} ref={headerMenuRef}
-                  style={{left: headerPos?.left + 5, top: headerPos?.bottom}}>
+                  style={{left: headerPos?.left + 5, top: headerPos?.bottom  + scrollY}}>
                 <select className={css.headerMenuSelect} size={2} onChange={handleSortAttr}>
                     <option value="asc">Sort Ascending (A➞Z, 0➞9)</option>
                     <option value="desc">Sort Descending (Z➞A, 9➞0)</option>