Fixed some UI issues caused by React and Mantine upgrade. #2167

1 year ago · bc40abac50
parent 3c57381bb4
commit bc40abac50
2 changed files with 2 additions and 1 deletions
--- a/frontend/src/components/inputs/Selector.tsx
+++ b/frontend/src/components/inputs/Selector.tsx
@ -93,6 +93,7 @@ export function Selector<T>({

  return (
    <Select
+      withinPortal={true}
      data={data}
      defaultValue={wrappedDefaultValue}
      value={wrappedValue}
--- a/frontend/src/components/modals/ManualSearchModal.tsx
+++ b/frontend/src/components/modals/ManualSearchModal.tsx
@ -237,7 +237,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({
  const { ref, hovered } = useHover();

  return (
-    <Popover opened={hovered} position="top" width={360} withArrow>
+    <Popover opened={hovered} position="top" width={360} withArrow withinPortal>
      <Popover.Target>
        <Text color={hasIssues ? "yellow" : "green"} ref={ref}>
          <FontAwesomeIcon