improv ui: use radix modal mode for Modals

Using the modal mode ensures that interaction with outside elements
is disabled ( for e.g scroll ) and only dialog content is visible to
screen readers.
This commit is contained in:
Pranav2612000
2024-12-17 18:49:12 +05:30
parent 9cd0dc8970
commit d7271b9631

View File

@@ -72,7 +72,7 @@ ModalContent.displayName = "ModalContent";
export type ModalProps = Omit<DialogPrimitive.DialogProps, "open"> & { isOpen?: boolean };
export const Modal = ({ isOpen, ...props }: ModalProps) => (
<DialogPrimitive.Root open={isOpen} {...props} />
<DialogPrimitive.Root open={isOpen} {...props} modal/>
);
export const ModalTrigger = DialogPrimitive.Trigger;