@wavelengthusaf/components 1.1.5 → 1.1.6

package/dist/index.mjs

@@ -3388,12 +3388,43 @@ function WavelengthExampleComponent({ width: width2 = 100, height: height2 = 100
 
 // src/components/search/WavelengthSearch.tsx
 import React9, { useState as useState2 } from "react";
-import { Autocomplete as Autocomplete2, ListItemText } from "@mui/material";
+import { Autocomplete as Autocomplete2, ListItemText, Popper } from "@mui/material";
 import TextField2 from "@mui/material/TextField";
 import InputAdornment from "@mui/material/InputAdornment";
 import IconButton from "@mui/material/IconButton";
 import { useRef } from "react";
 import ListItem from "@mui/material/ListItem";
+var CustomPopper = (props) => {
+  return /* @__PURE__ */ React9.createElement(
+    Popper,
+    __spreadProps(__spreadValues({}, props), {
+      placement: "right-start",
+      disablePortal: false,
+      modifiers: [
+        {
+          name: "flip",
+          enabled: true,
+          options: {
+            altBoundary: true,
+            rootBoundary: "document",
+            padding: 8
+          }
+        },
+        {
+          name: "preventOverflow",
+          enabled: true,
+          options: {
+            altAxis: true,
+            altBoundary: true,
+            tether: false,
+            rootBoundary: "document",
+            padding: 8
+          }
+        }
+      ]
+    })
+  );
+};
 function WavelengthSearch({
   id,
   mode,
@@ -3442,7 +3473,7 @@ function WavelengthSearch({
         sx: { width: width2 },
         renderOption: (props, results2) => (
           // @ts-expect-error boneless chicken
-          /* @__PURE__ */ React9.createElement(ListItem, __spreadProps(__spreadValues({ key: results2.id }, props), { sx: { zIndex: -5 } }), /* @__PURE__ */ React9.createElement(ListItemText, { primary: results2.title, secondary: results2.subtitle }))
+          /* @__PURE__ */ React9.createElement(ListItem, __spreadValues({ key: results2.id }, props), /* @__PURE__ */ React9.createElement(ListItemText, { primary: results2.title, secondary: results2.subtitle }))
         ),
         renderInput: (params) => /* @__PURE__ */ React9.createElement(
           TextField2,
@@ -3483,7 +3514,8 @@ function WavelengthSearch({
               }
             })
           })
-        )
+        ),
+        PopperComponent: CustomPopper
       }
     ));
   } else if (mode == "manual") {