How do I correctly display a Vuejs modal on IOS devices

Question

I have a terms and conditions modal that\'s fullscreen on mobile. The modal body height is set to flex-grow: 1 to fill the space between the header and the foot