@@ -406,6 +406,8 @@ function PopoverMenu({
406406 return styles . createMenuContainer ;
407407 } , [ isSmallScreenWidth , shouldEnableMaxHeight , windowHeight , styles . createMenuContainer ] ) ;
408408
409+ const { paddingTop, paddingBottom, paddingVertical, ...restScrollContainerStyle } = ( StyleSheet . flatten ( [ styles . pv4 , scrollContainerStyle ] ) as ViewStyle ) ?? { } ;
410+
409411 return (
410412 < PopoverWithMeasuredContent
411413 anchorPosition = { anchorPosition }
@@ -431,18 +433,18 @@ function PopoverMenu({
431433 shouldEnableNewFocusManagement = { shouldEnableNewFocusManagement }
432434 useNativeDriver
433435 restoreFocusType = { restoreFocusType }
434- innerContainerStyle = { innerContainerStyle }
436+ innerContainerStyle = { { ... styles . pv0 , ... innerContainerStyle } }
435437 shouldUseModalPaddingStyle = { shouldUseModalPaddingStyle }
436438 testID = { testID }
437439 >
438440 < FocusTrapForModal active = { isVisible } >
439441 < View
440442 onLayout = { onLayout }
441- style = { [ menuContainerStyle , containerStyles ] }
443+ style = { [ menuContainerStyle , containerStyles , { paddingTop , paddingBottom , paddingVertical , ... ( isWebOrDesktop ? styles . flex1 : styles . flexGrow1 ) } ] }
442444 >
443445 { renderHeaderText ( ) }
444446 { enteredSubMenuIndexes . length > 0 && renderBackButtonItem ( ) }
445- { renderWithConditionalWrapper ( shouldUseScrollView , scrollContainerStyle , renderedMenuItems ) }
447+ { renderWithConditionalWrapper ( shouldUseScrollView , restScrollContainerStyle , renderedMenuItems ) }
446448 </ View >
447449 </ FocusTrapForModal >
448450 </ PopoverWithMeasuredContent >
0 commit comments