FlipView won't flips correctedly when in zoomed in

Question

A common use case for a FlipView would be to display a list of pictures, say in a photo album.  In this photo album you want the ability to zoom in on the pictures.  

This can easily be achieved in the WinJS.Binding.Template for the flipview element, simply by having a container div for the image.  In the container div's css, set overflow: scrolling and ms-content-zooming: zoom.  You can now pinch-to-zoom on the individual pictures.

However it breaks the "flipping" mechanic of the flipview itself on touch input.  Flipping will work, but *only* if the touch motion is perfectly horizontal.  This makes it very difficult to build a photo-album type of application using the FlipView.  If any MS employees are here, do you think this is a fixable problem with the FlipView itself or will we need to build custom controls to simulate the photo album behavior?

Answer 1

Hi

Thanks for your valuable feedback, I'll let the dev team know you problem.

Could you please paste a simple repro code here to describe you prlbem clearly?

Answer 2

Download the FlipView sample code.  For the simpleFlipview example use this css:

.overlaidItemTemplate {
    -ms-content-zooming: zoom;
    overflow: scroll;
}

Launch the app and pinch to zoom on the picture. Now try to swipe to the next picture.  You can do it, but only if you swipe perfectly horizontally.  

Answer 3

Hi

Ok I see, it's hard to slide. I will let the dev team know this.

Thanks