Photoswipe: Gallery not functioning correctly on iPhone Plus devices (iOS 9) in Safari while tab bar is visible

[jbye]

Hi

This concerns photoswipe 4.1.1

The gallery is not functioning correctly in Safari on iOS 9 while the address bar w/ open tabs is showing.
The transparent backdrop is not visible and the image scale is incorrect. Scrolling down so that the address bar becomes hidden and opening the gallery again "fixes" the issue.

This issue is reproducible on www.photoswipe.com and my own site.

Check the attached screenshot

[dimsemenov]

• In what exactly version of iOS do you get the issue? 9.3.1?
• Can you repeat the issue every time, or it happens occasionally?

[jbye]

I have reproduced it on 9.2.1, going to test 9.3.1 now, and a couple of others via Browserstack. Will report back asap. On 9.2.1 I have reproduced it every single time. Please note that this only happen if I have the tabs bar showing (i.e. you need more than 1 active tab in the browser).

Steps to reproduce

1. Open a fresh Safari session w/ no tabs open
2. Open two tabs
3. Visit www.photoswipe.com in one tab
4. Rotate to landscape and make sure the address bar and tab bar is showing
5. Tap an image so that the gallery appears

[jbye]

Alright, I have retested on several other devices now.

• iPhone 6S Plus (NOT OK)
• iPhone 6 Plus (NOT OK)
• iPhone 6S (OK)
• iPad Air (OK)

I have only been able to reproduce the issue on the Plus devices. It seems to me that the issue is somehow related to Safari showing the tab bar for the Plus devices (the regular iPhone devices do not show the tab bar). FYI: The tab bar is also shown for the iPad Air, but PhotoSwipe behaves correctly for this device.

[dimsemenov]

Oh, these iOS bugs...

It seems .pswp__bg { transform: translateZ(0); } fixes it, can you check on your website?

[jbye]

Great, that actually seem to have fixed the issue!

Thanks for getting back to me so quickly, and for creating and maintaining this awesome library :)