fix(react): scrolling to bottom of modal contents (#24510)

Resolves #24478

packages/react/src/components/createInlineOverlayComponent.tsx

@@ -123,7 +123,11 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
         React.createElement('div', {
           id: 'ion-react-wrapper',
           ref: this.wrapperRef,
-          style: { height: '100%' }
+          style: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%'
+          }
         }, children) :
         null
       );