@7shifts/sous-chef 3.70.0-beta.0 → 3.70.1-beta.0

package/dist/index.modern.js

@@ -10162,27 +10162,6 @@ const useSelectFieldControllers = ({
   return controllers;
 };
 
-/**
- * This helper method helps to check if the user is scrolling inside the select options so,
- * it does not close the menu when using the prop menuShouldScrollIntoView
- **/
-const isScrollingTheSelectMenu = element => {
-  if (!isReactSelectElement(element)) {
-    var _element$children;
-    // Checking in case it is a grouped options
-    return isReactSelectElement(element == null || (_element$children = element.children) == null ? void 0 : _element$children[0]);
-  }
-  return true;
-};
-const isReactSelectElement = element => {
-  var _element$children2;
-  const firstOption = element == null || (_element$children2 = element.children) == null ? void 0 : _element$children2[0];
-  if (!firstOption) {
-    return false;
-  }
-  return typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
-};
-
 var styles$v = {"custom-control":"_pXQqq"};
 
 const _excluded$d = ["children"];
@@ -10504,12 +10483,6 @@ const useSelectField = _ref => {
     dataProps
   } = getDataProps(rest);
   const selectProps = {
-    closeMenuOnScroll: e => {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     componentsProps: {
       testId,
       UserCustomOption,
@@ -10532,7 +10505,7 @@ const useSelectField = _ref => {
     inputId: controllers.id,
     isClearable,
     isDisabled: disabled,
-    menuPortalTarget: document.body,
+    menuPortalTarget: document.getElementsByClassName('page-content')[0] || document.body,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
@@ -11769,12 +11742,6 @@ const MultiSelectField = ({
     menuShouldScrollIntoView: _menuShouldScrollIntoView,
     menuPlacement: _menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: _menuShouldScrollIntoView ? 'absolute' : 'fixed',
-    closeMenuOnScroll: e => {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     isSearchable: _isSearchable,
     menuIsOpen: isMenuInputFocus || undefined,
     isClearable: _isClearable