fix: SW-1010 Fixed low screen height accessibility issue

components/TempDesignSystem/Popover/index.tsx

@@ -17,9 +17,10 @@ import styles from "./popover.module.css"
 export default function Popover({
   triggerContent,
   children,
+  isNestedPopover = false,
   ...props
 }: PopoverProps) {
-  const setOverflowVisible = useSetOverFlowVisibleOnRA()
+  const setOverflowVisible = useSetOverFlowVisibleOnRA(isNestedPopover)
 
   return (
     <DialogTrigger onOpenChange={setOverflowVisible}>

components/TempDesignSystem/Popover/popover.ts

@@ -3,4 +3,5 @@ import type { PopoverProps as RAPopoverProps } from "react-aria-components"
 export interface PopoverProps extends Omit<RAPopoverProps, "children"> {
   triggerContent: React.ReactNode
   children: React.ReactNode
+  isNestedPopover?: boolean
 }

components/TempDesignSystem/Select/index.tsx

@@ -38,9 +38,10 @@ export default function Select({
   maxHeight,
   showRadioButton = false,
   discreet = false,
+  isNestedInModal = false,
 }: SelectProps) {
   const [rootDiv, setRootDiv] = useState<SelectPortalContainer>(undefined)
-  const setOverflowVisible = useSetOverflowVisibleOnRA()
+  const setOverflowVisible = useSetOverflowVisibleOnRA(isNestedInModal)
 
   function setRef(node: SelectPortalContainerArgs) {
     if (node) {

components/TempDesignSystem/Select/select.ts

@@ -12,6 +12,7 @@ export interface SelectProps
   maxHeight?: number
   showRadioButton?: boolean
   discreet?: boolean
+  isNestedInModal?: boolean
 }
 
 export type SelectPortalContainer = HTMLDivElement | undefined