fix: add overflow handling

edx · Sep 3, 2024 · 68e0218 · 68e0218
1 parent f90c6aa
commit 68e0218
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/pages/ExamsPage/components/AllowanceListActions.jsx b/src/pages/ExamsPage/components/AllowanceListActions.jsx
@@ -70,8 +70,10 @@ const EditModal = (isOpen, close, allowance, formatMessage) => {
       isOpen={isOpen}
       onClose={onClose}
       variant="default"
+      isOverflowVisible={false}
       hasCloseButton
       isFullscreenOnMobile
+      isFullscreenScroll
     >
       <ModalDialog.Header>
         <ModalDialog.Title data-testid="edit-allowance-header">
@@ -146,8 +148,10 @@ const DeleteModal = (isOpen, onCancel, onDelete, formatMessage) => (
     isOpen={isOpen}
     onClose={onCancel}
     variant="default"
+    isOverflowVisible={false}
     hasCloseButton
     isFullscreenOnMobile
+    isFullscreenScroll
   >
     <ModalDialog.Header>
       <ModalDialog.Title>

diff --git a/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx b/src/pages/ExamsPage/components/ResetExamAttemptModal.jsx
@@ -37,8 +37,10 @@ const ResetExamAttemptModal = ({ username, examName, attemptId }) => {
         onClose={close}
         size="lg"
         variant="default"
+        isOverflowVisible={false}
         hasCloseButton
         isFullscreenOnMobile
+        isFullscreenScroll
       >
         <ModalDialog.Header>
           <ModalDialog.Title>

diff --git a/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx b/src/pages/ExamsPage/components/ReviewExamAttemptModal.jsx
@@ -99,8 +99,10 @@ const ReviewExamAttemptModal = ({
         onClose={close}
         size="lg"
         variant="default"
+        isOverflowVisible={false}
         hasCloseButton
         isFullscreenOnMobile
+        isFullscreenScroll
       >
         <ModalDialog.Header>
           <ModalDialog.Title>