fix(js): support panel scroll top position in all browsers (#595)

algolia · May 25, 2021 · cce4b5f · cce4b5f
1 parent 527670e
commit cce4b5f
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/autocomplete-js/src/getPanelPlacementStyle.ts b/packages/autocomplete-js/src/getPanelPlacementStyle.ts
@@ -15,10 +15,14 @@ export function getPanelPlacementStyle({
   environment,
 }: GetPanelPlacementStyleParams) {
   const containerRect = container.getBoundingClientRect();
-  const top =
-    environment.document.body.scrollTop +
-    containerRect.top +
-    containerRect.height;
+  // Some browsers have specificities to retrieve the document scroll position.
+  // See https://stackoverflow.com/a/28633515/9940315
+  const scrollTop =
+    (environment.pageYOffset as number) ||
+    environment.document.documentElement.scrollTop ||
+    environment.document.body.scrollTop ||
+    0;
+  const top = scrollTop + containerRect.top + containerRect.height;
 
   switch (panelPlacement) {
     case 'start': {