dropdown component: fixes documentElement.scrollTop issue (#186)

TykTechnologies · Apr 1, 2021 · c69509d · c69509d
1 parent c595025
commit c69509d
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 7 deletions.
diff --git a/lib/index.js b/lib/index.js
diff --git a/lib/index.js.map b/lib/index.js.map
diff --git a/lib/tyk-ui.js b/lib/tyk-ui.js
diff --git a/lib/tyk-ui.js.map b/lib/tyk-ui.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tyk-technologies/tyk-ui",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "Tyk UI - ui reusable components",
   "main": "lib/index.js",
   "scripts": {

diff --git a/src/form/components/Dropdown/index.js b/src/form/components/Dropdown/index.js
@@ -167,7 +167,11 @@ export default class Dropdown extends Component {
       return;
     }
 
-    const { scrollTop } = document.documentElement;
+    const scrollTop = Math.max(
+      document.documentElement.scrollTop,
+      document.body.scrollTop,
+      window.scrollY,
+    );
     const el = this.dropdownRef.current;
     const elHeight = el.clientHeight;
     const dropdownHeight = dropdownEl ? dropdownEl.clientHeight : 0;