I have found a problem with full screen lightbox modals on iPhone 10. If I open a lightbox image on the iPhone 10 in landscape mode, the “close button” (X) at the top right doesn’t work. This is because the screen now goes “behind the notch” at top top where the speaker and front camera is.
I opened the same page on an iPhone 6 in landscape and didn’t have any problem clicking the (X) to close the lightbox modal.
Also: the hamburger menu is also positioned to the right of the scrollbar when in landscape mode. However in this case, I can press and open the menu, and close it by pressing the close (X).
Here is the page where you can check this out:
As I said, I only see this problem (can’t click on the (X)) on my iPhone X. I am pretty sure this is because the viewport goes into the area where the notch at the top is.
What confuses me though, is that the hamburger menu and its close button don’t seem to be affected by this - only the lightbox modals.
On StackOverflow there are a few posts reporting this problem …
I made some screenshots showing this: