Ionic-framework: [Ionic V4.0.0-beta.12] weird glitch on input on ios

[dylanvdmerwe]

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (C:\Users\Dylan van der Merwe\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.12
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 6.1.5
   @ionic/angular-toolkit        : not installed

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.1.4, (and 12 other plugins)

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

Describe the Bug
When serving in ios mode, there is a very strange UI glitch that happens. Note this does not happen in md mode.

Related Code

<ion-item lines='none'>
          <ion-label position='stacked'>Enter the Venue Code</ion-label>
          <ion-input class='custom-input' placeholder='Venue Code' type='text' autocapitalize='off' autocomplete='off'
            formControlName="venueCode"></ion-input>
        </ion-item>

Expected Behavior
Behaviour should be the same when in ios mode as it is in md mode.

[ashinpaugh]

see https://github.com/ionic-team/ionic/issues/15294

        .cloned-input input {
          width: 100%;
          height: 100%;
          padding: 0;
          border: 0;
          outline: 0;
          background: transparent;
        }

[EdwinRikkers]

+1

[dylanvdmerwe]

Note this still happens on beta 15-0.

[OlaAlsaker]

Still happens in 4.0.0-beta.15 😞 Both the label and the input make a jump when you select it.

[dylanvdmerwe]

As per the commit by Manu earlier, this should be fixed in the next release (after beta 15).

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.