diff --git a/apps/client/src/ee/base/components/property/create-property-popover.tsx b/apps/client/src/ee/base/components/property/create-property-popover.tsx index 93d01fb34..9cd4b3717 100644 --- a/apps/client/src/ee/base/components/property/create-property-popover.tsx +++ b/apps/client/src/ee/base/components/property/create-property-popover.tsx @@ -51,6 +51,7 @@ export function CreatePropertyPopover({ pageId, properties, onPropertyCreated, r // Portal target for nested Select dropdowns to avoid triggering closeOnClickOutside. const [dropdownNode, setDropdownNode] = useState(null); const nameInputRef = useRef(null); + const scrollRef = useRef(null); const createPropertyMutation = useCreatePropertyMutation(); @@ -221,6 +222,17 @@ export function CreatePropertyPopover({ pageId, properties, onPropertyCreated, r closeOnClickOutside closeOnEscape={false} withinPortal + middlewares={{ + flip: true, + shift: true, + size: { + padding: 8, + apply: ({ availableHeight }) => { + const el = scrollRef.current; + if (el) el.style.maxHeight = `${availableHeight}px`; + }, + }, + }} > {renderTarget ? ( @@ -248,6 +260,7 @@ export function CreatePropertyPopover({ pageId, properties, onPropertyCreated, r maxWidth: "calc(100vw - 32px)", }} > +
{panel === "typePicker" && ( )} +
diff --git a/apps/client/src/ee/base/components/row-detail-modal/row-detail-modal.tsx b/apps/client/src/ee/base/components/row-detail-modal/row-detail-modal.tsx index 7187d50ce..7d1cfdce9 100644 --- a/apps/client/src/ee/base/components/row-detail-modal/row-detail-modal.tsx +++ b/apps/client/src/ee/base/components/row-detail-modal/row-detail-modal.tsx @@ -217,6 +217,7 @@ export function RowDetailModal({ radius="md" title={null} classNames={{ content: classes.modalContent }} + removeScrollProps={{ noIsolation: true }} > {row ? ( <>