question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input box and components around flickers when scrolling & focusing the input

See original GitHub issue

Apologies in advance if this is not the correct place to posting the issue.

Short description of the problem

Issue 1: Flickers when tapping on an input box after long scrolling. Emulator Gif:

giphy

<ion-item *ngIf="hasil.opsi == '' || hasil.opsi == null || hasil.opsi == undefined " [ngClass]="itemClass(hasil.value,hasil.parameter)"> <ion-label class="label-input" text-capitalize text-wrap> {{ hasil.parameter }} <br/> <small *ngIf="hasil.tagNo != ''" > ( {{hasil.tagNo}} )</small> </ion-label> <ion-input [ngClass]="changeClass(hasil.value,'','',hasil.min,hasil.max)" type="number" placeholder="{{hasil.min}} / {{hasil.max}} - {{ hasil.satuan }}" [(ngModel)]="hasil.value"></ion-input> </ion-item> Run ionic info from terminal/cmd prompt: My system information:

Ionic:

ionic (Ionic CLI) : 4.10.1 (/usr/lib/node_modules/ionic) Ionic Framework : ionic-angular 3.9.2 @ionic/app-scripts : 3.2.2

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 19 other plugins)

System:

NodeJS : v8.11.2 (/usr/bin/node) npm : 6.7.0 OS : Linux 4.15

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

github_iconTop Results From Across the Web

Placeholder & Scroll flicker on input focus #10272 - GitHub
When focusing an ion-input if the view needs to scroll up, the placeholder and input jank (visual glitches). The cursor also blinks various...
Read more >
Blinking fixed header in site with scrolling animation
So I'm putting a website together which will have a few css3 animations triggered on the scroll event. About ...
Read more >
Avoid CSS flickering - Maxime Lafarie
The purpose of this article is to focus on the most efficient way to avoid CSS flickering on HTML elements, especially with elements...
Read more >
Input Field Interaction using Interactive Components in Figma
A detailed video showing how to create an input field or text box using the interactive components feature in Figma which is still...
Read more >
How to avoid flickering when triggering focus for an input ...
I want it so that when I click on the div that contains the input, it will focus the input. This more or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found