Photo Browser's images sometimes disappears partly or fully in F7 1.5.0+

This is a:

• bug

• Framework7 Versions: 1.5.0, 1.5.2 (in 1.4.2 everything in ok)

• Platform and Target: CORDOVA + IOS (iPhone 5s + iPhone 6 tested) + Safari browser on Mac. In Google Chrome browser all works fine.

• Live Link or JSFiddle/Codepen: F7==1.5.2 — https://jsfiddle.net/4mejdojk/2/ (images disappears sometimes after slide change) F7==1.4.2 — https://jsfiddle.net/mvs820k0/3/ (all works fine)

What you did

Photo Browser run like this:

var images = [...];
var newPhotoBrowser = myApp.photoBrowser({
    photos: images,
    theme: 'dark'
});
newPhotoBrowser.open();

Here is how it looks in browser and in iPhone emulator when image disappears: browser1, browser2, browser3, emulator1, emulator2

And when image redrawing (for example, for zooming or when swipe-to-close action, or with browser resize) — image displays full again.

[nolimits4web]

Issue is closed because of outdated/irrelevant/not actual

If this issue is still actual and reproducible for latest version of Framework7, please create new issue and fill the issue template correctly:

• Clearly describe the issue including steps to reproduce when it is a bug.
• Make sure you fill in the earliest version that you know has the issue.
• Provide live link or JSFiddle/Codepen or website with issue

[smshuja]

@jimisens This works for me with zoom.

.swiper-slide-active > span.swiper-zoom-container{
  transform: rotateX(0deg);
  img{
    transform: rotateX(0deg);
  }
}