Having problems with ion-scroll in 1.2.1

1

I updated my app to 1.2.1 and am having problems with ion-scroll. I have an image that I want to be able to view full size and have the user zoom in and out. When they click on the image, I used a modal to pop up and show the image. This is the code I have and the css. It was working fine before I upgraded to 1.2.1.

Any help or ideas?

Thanks,

Robert

<ion-modal-view>		
    <ion-scroll zooming="true" direction="xy" 
                    delegate-handle="zoom-pane" 
                    class="zoom-pane" 
                    min-zoom="1" 
                    scrollbar-x="false" scrollbar-y="false" 
                    ng-click="closeImgModal();">   
	<img ng-src="{{imageSrc}}" >
    </ion-scroll>
</ion-modal-view>

CSS:

.zoom-pane {
	width: 100%;
	height: 100%;
}

.zoom-pane .scroll {
	min-height: 100%;
	/* Vertical align */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.zoom-pane img {
	width: 100%;
	vertical-align: middle;
}
2

Try adding overflow-scroll=“false” as shown below. When they released 1.2 they switched to native scrolling so if you need javascript scrolling anywhere you need to add the overflow.

<ion-scroll zooming="true" direction="xy" 
        delegate-handle="zoom-pane" 
        class="zoom-pane" 
        min-zoom="1" 
        scrollbar-x="false" scrollbar-y="false" 
        ng-click="closeImgModal();"
        overflow-scroll="false">   
<img ng-src="{{imageSrc}}" >
</ion-scroll>
3

Thanks, zoom now works but somehow it affected my css and now my image is pushed to the top of the page.