labsense-ui-kit 1.4.47 → 1.4.48

package/dist/index.js

@@ -10349,6 +10349,24 @@ var SearchBar$1 = styled__default.input(_templateObject10$2 || (_templateObject1
     theme = _ref37.theme;
   return $placeholderColor || theme.vms.text.light;
 });
+var getClippingBoundary = function getClippingBoundary(element) {
+  var top = 0;
+  var bottom = window.innerHeight;
+  var node = element.parentElement;
+  while (node && node !== document.body) {
+    var style = window.getComputedStyle(node);
+    if (/(auto|hidden|scroll|clip)/.test(style.overflow) || /(auto|hidden|scroll|clip)/.test(style.overflowY)) {
+      var rect = node.getBoundingClientRect();
+      top = Math.max(top, rect.top);
+      bottom = Math.min(bottom, rect.bottom);
+    }
+    node = node.parentElement;
+  }
+  return {
+    top: top,
+    bottom: bottom
+  };
+};
 var SelectOption = function SelectOption(_ref38) {
   var title = _ref38.title,
     titlecolor = _ref38.titlecolor,
@@ -10430,9 +10448,13 @@ var SelectOption = function SelectOption(_ref38) {
   React.useEffect(function () {
     if (isOpen) {
       if (showSearchBox && searchInputRef.current) {
-        searchInputRef.current.focus();
+        searchInputRef.current.focus({
+          preventScroll: true
+        });
       } else if (dropdownMenuRef.current) {
-        dropdownMenuRef.current.focus();
+        dropdownMenuRef.current.focus({
+          preventScroll: true
+        });
       }
     }
   }, [isOpen, showSearchBox]);
@@ -10440,10 +10462,14 @@ var SelectOption = function SelectOption(_ref38) {
     var refToUse = (positionRef === null || positionRef === void 0 ? void 0 : positionRef.current) || dropdownRef.current;
     if (refToUse) {
       var rect = refToUse.getBoundingClientRect();
-      var windowHeight = window.innerHeight;
-      var spaceBelow = windowHeight - rect.bottom;
-      var spaceAbove = rect.top;
-      var dropdownHeight = 95;
+      var _getClippingBoundary = getClippingBoundary(refToUse),
+        clipTop = _getClippingBoundary.top,
+        clipBottom = _getClippingBoundary.bottom;
+      var spaceBelow = clipBottom - rect.bottom;
+      var spaceAbove = rect.top - clipTop;
+      var optionRowHeight = 30;
+      var visibleOptionRows = Math.min(options.length || 1, 5);
+      var dropdownHeight = (showSearchBox ? 44 : 0) + visibleOptionRows * optionRowHeight + 2;
       if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) {
         setDropUp(true);
       } else {