🐛 fix issue with select menu getting cut by edge of modal (#1428)

![image](https://github.com/konveyor/tackle2-ui/assets/5322142/7b8c5b30-aec5-43a9-8eed-59e6f26f35cb) becomes ![image](https://github.com/konveyor/tackle2-ui/assets/5322142/33c22ab9-3736-4831-a715-db7120b5c157) --------- Signed-off-by: gitdallas <[email protected]>
konveyor · Oct 5, 2023 · 8277208 · 8277208
1 parent 218133d
commit 8277208
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/client/src/app/components/SimpleSelect.tsx b/client/src/app/components/SimpleSelect.tsx
@@ -37,9 +37,10 @@ export const SimpleSelect: React.FC<ISimpleSelectProps> = ({
   ...props
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-
   return (
     <Select
+      menuAppendTo="parent" // prevent menu from being clipped by modal edges
+      maxHeight={200}
       placeholderText={placeholderText}
       toggleAriaLabel={toggleAriaLabel}
       isOpen={isOpen}