disable hide on outside click

[XxQuickSilverZz]

Which property can I use to prevent the modal from hiding when I click outside of it? I don't want it to hide when clicking outside, only through code.

[supnate]

It's handled by the UI library you use not Nice Modal. For example, set maskClosable=false in antd's modal. See API introduction here: https://ant.design/components/modal#api .

[XxQuickSilverZz]

It's handled by the UI library you use not Nice Modal. For example, set maskClosable=false in antd's modal. See API introduction here: https://ant.design/components/modal#api .

i use this

`const modal = useModal();

let schema = yup.object({
  order_id: yup.string(),
  purposeTransfer: yup.string().required(),
  paymentDate: yup.date().required(),
});

const [amount, setAmount] = useState<string | undefined>(undefined);

let {
  data,
  error,
  loading: loadingNotPayedOrders,
} = useGetNotPayedOrdersQuery();

return (
  <Formik
    initialValues={{ paymentDate: new Date() } as AddOrderPaymentInput}
    validationSchema={schema}
    validateOnMount
    onSubmit={(erfuellungsort) => {
      console.log("NEW FORM -> ", erfuellungsort);
    }}
  >
    {({ isValid, values, errors, setFieldValue, touched }) => (
      <Modal
        TransitionComponent={Transition}
        fullWidth
        open={modal.visible}
        onClose={() => {
          modal.resolve({ resolved: false });
          modal.hide();
        }}
        TransitionProps={{
          onExited: () => {
            modal.resolve({ resolved: false });
            modal.remove();
          },
        }}
      >
        <DialogTitle id="alert-dialog-slide-title">
          Zahlungseingang verbuchen (VR-Werdenfels)
        </DialogTitle>
        <DialogContent>`

        how fix this?

[XxQuickSilverZz]

@supnate please help

[mitchellgenovaold]

@XxQuickSilverZz That looks like a MUI modal to me. You can solve that by adding this to your onClose handler: https://stackoverflow.com/a/67745133.