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
50.89k stars 13.52k forks source link

bug: Android canvas vertical scrolling issue #21234

Closed rybandrei2014 closed 4 years ago

rybandrei2014 commented 4 years ago

Bug Report

Ionic version:

[x] 5.1

Current behavior: 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.

Expected behavior: Vertical moving of map on Android works similarly as on IOS

Steps to reproduce: Described above

Related code: Provided above

rybandrei2014 commented 4 years ago

i solved it, it looks like i had to additionally load some CSS from ArcGIS JS API. Sorry for bothering...

ionitron-bot[bot] commented 4 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.