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

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
- fix(skeleton-text): #22694 animation flickering — committed to danielehrhardt/ionic-framework by danielehrhardt 4 years ago
- fix(skeleton-text): #22694 animation flickering — committed to danielehrhardt/ionic-framework by danielehrhardt 4 years ago
- fix(skeleton-text): #22694 updated animation to default — committed to danielehrhardt/ionic-framework by danielehrhardt 3 years ago
- fix(skeleton-text): #22694 fixed linting Issues — committed to danielehrhardt/ionic-framework by danielehrhardt 3 years ago
- fix(skeleton-text): #22694 animation flickering — committed to danielehrhardt/ionic-framework by danielehrhardt 4 years ago
- fix(skeleton-text): #22694 updated animation to default — committed to danielehrhardt/ionic-framework by danielehrhardt 3 years ago
- fix(skeleton-text): #22694 fixed linting Issues — committed to danielehrhardt/ionic-framework by danielehrhardt 3 years ago
- fix(skeleton-text): #22694 reverted first solution back to default — committed to danielehrhardt/ionic-framework by danielehrhardt 3 years ago
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)