Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

input bug on ios12

See original GitHub issue

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>

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:11 (2 by maintainers)

Top GitHub Comments

3reactions

joshmcraecommented, Sep 27, 2018

Experiencing the same issue on iOS 12 with Xcode 10.

Inspecting my app’s HTML while running I get the follow bounding box for the root <html> element:

{"x":0,"y":0,"width":375,"height":667,"top":0,"right":375,"bottom":667,"left":0}

After selecting an input, with the keyboard visible AND once it has been dismissed:

{"x":0,"y":-90,"width":375,"height":667,"top":-90,"right":375,"bottom":577,"left":0}

So as @mwenko said the HTML is staying shifted (affecting where touch events will trigger) but visually everything goes back to where it was. Adding those extra config value to IonicModule did not work for me.

Edit: Upgrading from the deprecated ionic-plugin-key fixed my issue.

1reaction

jamesparkescommented, Sep 27, 2018

thanks @maxfloden upgrading to the new plugin fixed this for me too!