fix: configure modal visibility tab background overflow (#2923)

Author: asajjad2

src/course-outline/CourseOutline.tsx

@@ -498,6 +498,11 @@ const CourseOutline = () => {
           isOpen={isConfigureModalOpen}
           onClose={handleConfigureModalClose}
           onConfigureSubmit={handleConfigureItemSubmit}
+          /**
+           * Only sections need overflow visible (for the Release date datepicker, fixed in #2901);
+           * enabling it for subsection/unit modals causes the Visibility tab background to clip.
+           */
+          isOverflowVisible={itemCategory === COURSE_BLOCK_NAMES.chapter.id}
           currentItemData={currentItemData}
           enableProctoredExams={enableProctoredExams}
           enableTimedExams={enableTimedExams}

src/generic/configure-modal/ConfigureModal.tsx

@@ -28,6 +28,7 @@ interface Props {
   currentItemData?: AccessManagedXBlockDataTypes,
   isXBlockComponent?: boolean,
   isSelfPaced?: boolean,
+  isOverflowVisible?: boolean,
 }
 
 const ConfigureModal = ({
@@ -39,6 +40,7 @@ const ConfigureModal = ({
   enableTimedExams = false,
   isXBlockComponent = false,
   isSelfPaced,
+  isOverflowVisible = false,
 }: Props) => {
   const intl = useIntl();
 
@@ -298,7 +300,7 @@ const ConfigureModal = ({
       onClose={onClose}
       hasCloseButton
       isFullscreenOnMobile
-      isOverflowVisible
+      isOverflowVisible={isOverflowVisible}
     >
       <div data-testid="configure-modal">
         <ModalDialog.Header className="configure-modal__header">