Ion input work bad on ionic v-4.1.0

i open with ionic cordova run ios on my iphone 8 and
any ion input I insert when I touch it from the iPhone leaves the edges

is it happening to you?
Help me


ionic (Ionic CLI) : 4.1.0


NodeJS : v10.9.0
npm : 6.2.0

is not relevant to your problem - the version of the Ionic Framework you are using is.

What is you ionic info output?

1 Like


ionic (Ionic CLI) : 4.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.3
@angular-devkit/core : 0.7.4
@angular-devkit/schematics : 0.7.4
@angular/cli : 6.1.4
@ionic/ng-toolkit : 1.0.6
@ionic/schematics-angular : 1.0.5


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 2.0.3, (and 3 other plugins)


ios-deploy : 1.9.2
NodeJS : v10.9.0 (/usr/local/Cellar/node/10.9.0/bin/node)
npm : 6.2.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000


ANDROID_HOME : not set

You are using a beta version of Ionic Framework. If you have problems, report it as a bug.

I fixed it

for fix it add on global.scss
.native-input { position: relative; top: 6.5px; left:-5px; border: 0; outline: 0; padding: 5px; }

1 Like


Check the open issues for Ionic 4:

Note: Ionic 4 is in Beta and there are over 1,100 open issues.

For example:

and there are overall 1’100 open issues respectively 1’100 issues related to any versions (v1, v2, v3, v4), just to avoid misunderstood :wink: