Android canvas scrolling issue

@dragoon000320 wrote:

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:

Android:

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

Posts: 1

Participants: 1

Read full topic