Материал интерфейса Модал не прокручивается за пределами модальной бумаги

Question

Я использую модальную библиотеку из пользовательского интерфейса материала, и я хочу, чтобы его можно было прокручивать, когда контекст выходит за пределы видимого глаза. Проблема в том, что когда у меня курсор за пределами белой бумаги, окно не прокручивается. Но когда я помещаю белую область и прокручиваю ее, содержимое прокручивается.

Я не могу найти никакого решения, почему это происходит и как это исправить. Есть ли конфиг, который мне не хватает? Спасибо.

import Dialog from "@material-ui/core/Dialog";

const classes = {
  root: "modal",
  paper: "modal-paper",
  container: "modal-container",
};

const Modal = ({ open, children, onClose, className }) => (
  <Dialog
    open={open}
    onClose={onClose}
    classes={classes}
    className={className}
  >
    {children}
  </Dialog>
);