Current behavior:
Scrolling a list is really slow (3 to 5 seconds response time of freeze), especially on iOS / iPad 2. So app is unusable on iPad 2, very slow on iOS
I can see the latency in safari with remote debugging.
Expected behavior:
Scrolling time normal.
Steps to reproduce:
Tested with a ion-list of 70 items (and also reproduced it with an ionic virtual scroll).
Tester should just create a list with around 70 items in it, with at least one text and 2 small icons (20px x 20px).
Other information:
To fix the bug I only commented in main.css of ionic this CSS rule:
:focus,
:active {
outline: none;
}
Commenting this rule fix everything without changing anything to the App UI.
On Android this code does not improve anything and change the appearances (for ion-checkbox as example).
You need to remove from the rule from ios project in "Staging/www/build/main.css"
main.css DEV:
:focus,
:active {
outline: none;
}
main.css PROD:
:active,:focus{outline:0}
Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):
I read the post of @kevinmerckx from below link:
https://github.com/ionic-team/ionic/issues/12733
But i am not understand where should I place this file to and where is script folder in ionic project?
Original issue by @Bluestart83 on 2017-08-23T13:35:12Z
Ionic version: (check one with "x") [ ] 1.x (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [x] 3.x
I'm submitting a ... (check one with "x") [x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/
Current behavior: Scrolling a list is really slow (3 to 5 seconds response time of freeze), especially on iOS / iPad 2. So app is unusable on iPad 2, very slow on iOS I can see the latency in safari with remote debugging.
Expected behavior: Scrolling time normal.
Steps to reproduce: Tested with a ion-list of 70 items (and also reproduced it with an ionic virtual scroll). Tester should just create a list with around 70 items in it, with at least one text and 2 small icons (20px x 20px).
Related code: Git Repo: https://github.com/Bluestart83/IonicSlowListTest in home.html
Other information: To fix the bug I only commented in main.css of ionic this CSS rule:
Commenting this rule fix everything without changing anything to the App UI. On Android this code does not improve anything and change the appearances (for ion-checkbox as example).
You need to remove from the rule from ios project in "Staging/www/build/main.css"
main.css DEV:
main.css PROD:
Ionic info: (run
ionic info
from a terminal/cmd prompt and paste output below):