Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Ionic V4.0.0-beta.12] weird glitch on input on ios #15888

Closed
dylanvdmerwe opened this issue Oct 7, 2018 · 6 comments · Fixed by #16206
Closed

[Ionic V4.0.0-beta.12] weird glitch on input on ios #15888

dylanvdmerwe opened this issue Oct 7, 2018 · 6 comments · Fixed by #16206
Assignees

Comments

@dylanvdmerwe
Copy link
Contributor

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.

input

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.

@ionitron-bot ionitron-bot bot added the triage label Oct 7, 2018
@ashinpaugh
Copy link

see #15294

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

@EdwinRikkers
Copy link

+1

@dylanvdmerwe
Copy link
Contributor Author

Note this still happens on beta 15-0.

@OlaAlsaker
Copy link

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

@dylanvdmerwe
Copy link
Contributor Author

dylanvdmerwe commented Nov 9, 2018

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

@ionitron-bot
Copy link

ionitron-bot bot commented Dec 9, 2018

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.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Dec 9, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants