ionic-framework: bug: ion-skeleton-text animation is not correct

Bug Report

Ionic version:

[ ] 4.x [x] 5.x

Current behavior: If the skeleton text is used on a device like a Tablet it does flicker in the Middle of the Animation captured

Expected behavior: Smooth Animation no flickering.

Steps to reproduce: <ion-skeleton-text [animated]="true" ></ion-skeleton-text> Use this on a FullHD Browser window.

Related code: https://stackblitz.com/edit/skeleton-flickering

Ionic info:

   Ionic CLI                     : 6.12.2 (C:\Users\Daniel\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.5.1
   @angular-devkit/build-angular : 0.1100.3
   @angular-devkit/schematics    : 11.0.3
   @angular/cli                  : 11.0.3
   @ionic/angular-toolkit        : 3.0.0

Capacitor:

   Capacitor CLI   : 2.4.4
   @capacitor/core : 2.4.4

Utility:

   cordova-res : 0.15.2
   native-run  : not installed

System:

   NodeJS : v14.15.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.9
   OS     : Windows 10

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 1
  • Comments: 16 (13 by maintainers)

Commits related to this issue

Most upvoted comments

Thanks for the clarification. Now that I can reproduce 😄 . Let me look into this a bit more.

Here is a possible fix: https://stackblitz.com/edit/skeleton-flickering

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/22697, and a fix will be available in an upcoming release of Ionic Framework.

Same issue here (on same project) 😀 (but with MacBook Pro Safari & Chrome)