Ionic-framework: Ion-input placeholder flickers on scroll in iOS

Created on 21 Jun 2016  路  10Comments  路  Source: ionic-team/ionic-framework

Short description of the problem:

I have form in a modal and when I select an input and scrolling is needed, the placeholder flickers.

What behavior are you expecting?

The placeholder not to flicker.

Steps to reproduce:

  1. Put a long form in a modal
  2. Tap an input

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)
This bug used to work in the browser, but since one of the nightlies, it only works in iOS. It also doesn't work if there's no scrolling.

Which Ionic Version? 2.x

Here's a repo for reproduction : https://github.com/Bouzmine/demo-bug-flicker

Here's a video of the behavior :
bug flicker video-3

Run ionic info from terminal/cmd prompt:

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.9
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: 1.8.6
ios-sim version: 5.0.6
OS: Mac OS X El Capitan
Node Version: v5.0.0
Xcode version: Xcode 7.3.1 Build version 7D1014

reply

All 10 comments

Same happens here! But not only the placeholder flicks but the value flicks too.
Any update about this issue?

Hello all! Would you mind giving this a try with beta.11? Thanks for using Ionic!

@jgw96 The bug is still present with the latest beta

Unfortunately yes, the bug is still present on the latest beta.11.

Bellow I sent you a new video that reproduces the issue on beta.11

ionic-issue-7001

Thanks!

@jgw96 It's also present on WKWebView

+1

I'm not able to reproduce this using latest. Is anyone still seeing this issue? Thanks. :)

@brandyscarney I can see this in my project (Bouzmine/metho) when this project is ran on UIWebView and WKWebView. You have to create a project, go into it and then open one of the modals using the blue FAB.

Hello all! As it seems it has been a while since there was any activity on this issue I am closing it for now. If this is still an issue after the next major release of Ionic please let us know.

Thanks for using Ionic!

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.

Was this page helpful?
0 / 5 - 0 ratings