I don’t know it is an issue or bug so I just post here to know how can I solve it.
Device: MI A1
Size: 1080 × 1848
Ionic:
Ionic CLI : 6.11.0
Ionic Framework : @ionic/angular 5.3.1
@angular-devkit/build-angular : 0.1000.5
@angular-devkit/schematics : 8.3.29
@angular/cli : 10.0.5
@ionic/angular-toolkit : 2.3.0
Capacitor:
Capacitor CLI : 2.4.0
@capacitor/core : 2.4.0
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : android 8.1.0, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 15 other plugins)
Utility:
cordova-res : 0.15.1
native-run : 1.0.0
System:
Android SDK Tools : 26.1.1
NodeJS : v12.18.3
npm : 6.14.6
OS : Windows 10
I try to inspect it in chrome and found this line is the root cause of an issue. If max-width: 35px, it works like charm.
<div class="picker-opts" style="max-width: 34px;">