diff --git a/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx b/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx index 831037122180..b843c41f52bd 100644 --- a/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx +++ b/src/pages/inbox/sidebar/FABPopoverContent/FABPopoverMenu.tsx @@ -1,5 +1,5 @@ -import React, {useState} from 'react'; -import type {RefObject} from 'react'; +import React, {Activity, useState} from 'react'; +import type {ActivityProps, RefObject} from 'react'; import {View} from 'react-native'; import FocusTrapForModal from '@components/FocusTrap/FocusTrapForModal'; import PopoverWithMeasuredContent from '@components/PopoverWithMeasuredContent'; @@ -40,6 +40,7 @@ function FABPopoverMenu({isVisible, onClose, onItemSelected, anchorRef, animatio const {shouldUseNarrowLayout} = useResponsiveLayout(); const {windowHeight} = useWindowDimensions(); const anchorPosition = styles.createMenuPositionSidebar(windowHeight); + const [contentActivityMode, setContentActivityMode] = useState(isVisible ? 'visible' : 'hidden'); const [registeredSet, setRegisteredSet] = useState>(new Set()); @@ -112,6 +113,8 @@ function FABPopoverMenu({isVisible, onClose, onItemSelected, anchorRef, animatio }} onClose={handleClose} isVisible={isVisible} + onModalWillShow={() => setContentActivityMode('visible')} + onModalHide={() => setContentActivityMode('hidden')} fromSidebarMediumScreen={!shouldUseNarrowLayout} animationIn="fadeIn" animationOut="fadeOut" @@ -125,9 +128,11 @@ function FABPopoverMenu({isVisible, onClose, onItemSelected, anchorRef, animatio active={isVisible} shouldReturnFocus > - - {children} - + + + {children} + +