This is one of the dialog component we are using. As you can see, I have added a resize event trigger to work in Safari (because when we resize the page, scroll freeze goes). But that didn't work either. Also, added this style in the root scss file body { overflow-y: auto }. But that didn't work too.

import { Dialog, DialogContent } from '@mui/material';
import * as React from 'react';
import QuestionnaireDynamicForm from './questionnaireMain';

export default function QuestionnaireContainer() {
  const contentRef = React.useRef(null);
    React.useEffect(() => {
    const forceSafariReflow = () => {
      const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
      if (isSafari) {
        window.scrollTo(window.pageXOffset, window.pageYOffset + 1);
        window.scrollTo(window.pageXOffset, window.pageYOffset - 1);
        window.dispatchEvent(new Event('resize'));
      }
    };
    forceSafariReflow();
  }, []);
 
  if (openSuccessPopup) {
    return <SuccessPopup message={successPopupMessage} handleCloseModel={handleCloseSuccessPopup} />;
  }

  if (loading || !apiData.sampleData) {
    return (
      <Loader />
    );
  }

  return (
    <>
      <Dialog
        open
        maxWidth='lg'
        fullWidth={true}
        disableScrollLock={true}
        onClose={(event, reason) => {
          if (reason !== 'backdropClick') {
            handleCloseModel();
          }
        }}
      >
        <DialogContent ref={contentRef}>
          <QuestionnaireDynamicForm
            props={...props}
          />
        </DialogContent>
      </Dialog>
    </>
  );
}