12-13-2012 02:03 AM
Can anyone confirm that OS10 browser have not problems with flickering contents after scale transition animation end like playbook with OS2.x
Solved! Go to Solution.
12-13-2012 04:58 PM
here is some test pages. First two inputs have scale show clear button animation, after animation transition end text in inputs flickering
1) simple change -webkit-transition style property, input text flickering in 9 of 10 cases maybe 10 of 10 on playbook
2) change -webkit-transition-duration|property|timing-functi
3) same as 2) with webkitTransitionEnd binding, flicker only sometime, better result then in 1) and 2) but still flickering
4) for animation is used zepto.animate function which use setTimeout for init animation and use webkitTransitionEnd - result is more more beter then 3) but stil sometim flickering
If someone try this pages in OS10 browser if have same problems as playbook browsers would be great.
12-13-2012 05:43 PM
Thanks for the test cases
So, on the PlayBook, D is the only version which almost never flickers. All the others were flickering.
On the Dev Alpha A... It's worse. They all flicker and on top of that, your finger is shooting lens missiles when you're switching from one text input to the other, because the engine is triggering the lens effect on the wrong element.
It would be great if you could report this problem in the tracker, with your test case.
12-13-2012 05:55 PM
12-15-2012 12:33 AM
It seems that this problem is associated with css position property. When scaled object have position fixed no flickering problem. When inputs have or inputs parent have position relative/absolute then after scale animation end their text flicekring. When scaled object have position relative or absolute and inputs have not set position property then flickering only scaled element.
12-15-2012 01:04 AM
Everything looks fine on Dev Alpha 1675
If you've got a Dev Alpha then update it - this fixes a load of bugs
The browser has hit 485 + 11 on html5test.com (99 + 1 better than Firefox, 37 - 2 better than Chrome)