ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.07k stars 13.51k forks source link

support: Angular canvas vertical scrolling #21232

Closed rybandrei2014 closed 4 years ago

rybandrei2014 commented 4 years ago

Support Question

I don't know whether I have to report it as a bug or not... I am developing an angular/ionic5 app to work with map data. I am using ArcGIS JS API. Overall structure of my home page looks like that

<ion-header>
    <app-header></app-header>
</ion-header>
<ion-content>
    <app-map></app-map>
</ion-content>

where app-map is a component with div which is populated by ArcGIS JS API, and is structured as follows:

<div class="map" #mapView></div>

.map {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

the resulting generated map component DOM looks like that:

<div class="map">
   <div>
      <div role="application" tabindex="0">
         <canvas style="width: 411px; height: 613px; display: block;" width="1079" height="1609"></canvas>
      </div>
   </div>
</div>

The issue i'm facing is that swiping in vertical direction on Android doesn't move the map... On IOS it works perfectly. On Android moving map is only possible by dragging it but only in horizontal direction. Is it possible to move the map similarly on android as on IOS.

IOS: Ios-min

Android: Android (1)-min

Please help, I spent almost 3 days on the issue, and couldn't find any solution... Thank you in advance.

ionitron-bot[bot] commented 4 years ago

Thanks for the issue! This issue appears to be a support request. We use this issue tracker exclusively for bug reports and feature requests. Please use our forum or our slack channel for questions about the framework.

Thank you for using Ionic!