react-modal icon indicating copy to clipboard operation
react-modal copied to clipboard

iOS 26 - Overlay not full screen

Open stephenheron opened this issue 3 months ago • 3 comments

Hi,

I am having difficulties with the modal on iOS 26.

Image

As you can see the overlay does not go into the top/bottom of the screen. This was working fine before iOS 26 and works fine in Android.

My modal props are pretty simple:

<Modal style={{ overlay: { backgroundColor: "red", zIndex: 99999999, }, content: { height: '100%', paddingLeft: '32px', paddingRight: '32px' }, }} isOpen={shouldShowModal} closeTimeoutMS={200} contentLabel="Filter and Sort Results" >

stephenheron avatar Sep 26 '25 10:09 stephenheron

{ height: '100%' } probably this height is not enough. Maybe there is another value (unit) that fulfills the rest of the screen.

diasbruno avatar Sep 26 '25 13:09 diasbruno

I believe this is a bug in iOS 26 and will hopefully be fixed in the 26.1 release (currently in beta).

raoufswe avatar Oct 15 '25 16:10 raoufswe

@raoufswe Nice. I love Safari, but this is "Safari been safari". Did you have found any comments regarding webview, or native view position?

EDIT: Of course, @stephenheron, you too. If you have more details about this issue...

diasbruno avatar Oct 15 '25 18:10 diasbruno