Removed autohiding

Author: eden-lane

CHANGELOG.md

@@ -1,3 +1,6 @@
+## v0.8.12 - 11 Nov 2021
+- Removed autohide on scroll because it had some problems with detecting scrollable parents
+
 ## v0.8.11 - 4 Nov 2021
 - Removed preventing form from submitting behaviour
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmr/use-dropdown",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "description": "",
   "main": "./lib/index.js",
   "repository": {

src/useDropdown.ts

@@ -6,7 +6,6 @@ import {ReducerAction} from './types/ReducerAction';
 import {mergeReducers} from './utils/mergeReducers';
 import {useEvent} from './useEvent';
 import {findScrollContainers} from './utils/findScrollContainers';
-import {isElementInvisible} from './utils/isElementInvisible';
 
 type MenuWidth = Pick<CSSStyleDeclaration, 'width'> | 'wrapper';
 
@@ -163,15 +162,6 @@ export const useDropdown = <TItem>(props: UseDropdownOptions<TItem>) => {
   }, [wrapperRef, menuRef.current]);
 
   const setPosition = useCallback(() => {
-    if (wrapperRef.current) {
-      const parents = findScrollContainers(wrapperRef.current);
-      const isInvisible = isElementInvisible(wrapperRef.current, parents);
-
-      if (isInvisible) {
-        setOpen(false);
-      }
-    }
-
     if (menuRef.current) {
       const {top, left, transform} = getPosition();
 
@@ -180,7 +170,7 @@ export const useDropdown = <TItem>(props: UseDropdownOptions<TItem>) => {
       menuRef.current.style.transform = transform;
       menuRef.current.style.visibility = 'visible';
     }
-  }, [parents]);
+  }, []);
 
   const handleKeyDown = useCallback((ev: KeyboardEvent) => {
     switch (ev.key) {