Ion-scroll horizontal and zoom not working svg

Hi everybody,

I’m new in Ionic and I’m trying to implement a very basic view as the one in the example of ion-scroll

The Only difference I have is that I’m working with an svg image that I want to extend as full cover bg. Here My code:


<ion-tab ui-sref="comoMap" ui-sref="#/comoMap">
    <ion-nav-view name="comoMap"></ion-nav-view>


<ion-view title="ComoMap"><ion-scroll zooming="true" direction="x" style="width: 100%; height: 100%">
	  <div class="bg-comoMap"></div>

css for div

    width: 5000px; 
    height: 5000px; 
    background: url('../img/mappa.jpg') no-repeat center;
     background-size: cover;  

I have two problems:

  1. I can scroll the image only in vertical dimension (y), the horizontal seems blocked
  2. Pintch to zoom doesn’t work at all

Anyone can give me an help?

Thank you