Android: keyboard popup after clicking outside ion-input

Ionic Framework ionic-v3
1

I have a page with multiple ion-input and ion-toggles.

When I click in the input, and lower the keyboard (with the android hardware button) the cursor/focus stays on the input. When i press a toggle after that, the keyboard pops up again.

i also tested this on iOS, but there it doesn’t happen (when you click the toggle, the input loses focus)

I created a Gif to show what I mean.

keyboard_bug
keyboard_bug346×560 571 KB

Part of the code:

<ion-list padding no-lines>
    <ion-item class="crateItem">
        <ion-icon *ngIf="crateCodeInput.value != ''" item-left name="checkmark"></ion-icon>
        <ion-input #crateCodeInput type="text"></ion-input>                            
    </ion-item>

    <ion-item no-lines no-padding>
        <ion-label padding-left stacked>Remark</ion-label>
        <ion-textarea rows="3"></ion-textarea>
    </ion-item>

    <ion-list text-left>
        <ion-list-header style="margin:0px;">
            <b>Properties</b>
        </ion-list-header>

        <ion-item no-lines>
            <ion-label>Urgent</ion-label>
            <ion-toggle color="secondary"></ion-toggle>
        </ion-item>

        <ion-item class="propertyItem" no-lines>
            <ion-label class="propertyToggle">Empty Crate</ion-label>
            <ion-toggle color="secondary"></ion-toggle>
        </ion-item>
    </ion-list>
</ion-list>

Ionic info:

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms : android 7.0.0 ios 4.5.5
Ionic Framework : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2
ios-sim : 6.1.2
Node : v8.11.2
npm : 6.1.0
OS : macOS
Xcode : Xcode 10.0 Build version 10A255

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro