Having problems with ion-scroll in 1.2.1

@rgecy wrote:

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;
}

Posts: 1

Participants: 1

Read full topic