input bug on ios12 #15699
Description
Bug Report
Ionic Info
✔ Gathering environment info - done!
Ionic:
ionic (Ionic CLI) : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 1.2.1, (and 21 other plugins)
System:
Android SDK Tools : 25.2.3 (/Users/Story5/Library/Android/sdk)
ios-deploy : 2.0.0
ios-sim : 7.0.0
NodeJS : v8.12.0 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS High Sierra
Xcode : Xcode 10.0 Build version 10A255
Describe the Bug
On ios12, after click the input, the xcode show the error below.
API error: <_UIKBCompatInputView: 0x105d01cd0; frame = (0 0; 0 0); layer = <CALayer: 0x280486a40>> returned 0 width, assuming UIViewNoIntrinsicMetric
and otherwise, the click event on this page are confused.
When I click the login button, it call a forget button click event, click the choose server button then call a switch environment click event.
Related Code
<div class="be_login_form" [style.top.%]="isShowingKeyboard?45:50">
<div class="be_login_form_block">
<ion-input [(ngModel)]="account.username" placeholder="手机号" class="be_login_input_username" clearInput=true clearOnEdit=false ></ion-input>
<ion-input [(ngModel)]="account.password" type="password" placeholder="密码" class="be_login_input_password" clearInput=true clearOnEdit=false ></ion-input>
<button class="be_login_button" (click)="clickLogin()">登 录</button>
<div class="be_forget_button">
<span (click)="clickInputCusInfo()">{{cusinfo}}</span>
<span (click)="retrievePassword()">忘记密码</span>
</div>
</div>
</div>