Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-8970] MobileWeb: Rearchitect animation system

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2013-01-14T13:38:49.000+0000
Affected Version/sRelease 1.8.1
Fix Version/sSprint 2012-14 Core, Release 3.0.0
ComponentsMobileWeb
Labelsmobileweb, qe-port
ReporterChris Barber
AssigneeChris Barber
Created2012-05-02T19:03:26.000+0000
Updated2013-01-14T13:38:49.000+0000

Description

The current animation system relies on CSS3 transitions. This is great for all devices except IE9 and Windows Phone 7.5. To support those platforms, we need to add a code path for old school setTimeout() animation. One possible solution is to scrap CSS3 transitions completely and use requestAnimationFrame with a setInterval() fallback. This would offer greater compatibility and flexibility over transitions. Here's some articles that might be of interest: * http://paulirish.com/2011/requestanimationframe-for-smart-animating/ * http://creativejs.com/resources/requestanimationframe * https://gist.github.com/1002116

Attachments

FileDateSize
app.js2012-07-16T11:45:18.000+00002469

Comments

  1. Chris Barber 2012-07-16

    Pull request: https://github.com/appcelerator/titanium_mobile/pull/2576
  2. Lokesh Choudhary 2012-08-06

    Tested On: Titanium studio : 2.1.1.201207271312 SDK version : 2.2.0.v20120731184111 Android 4.0.4 - default ,chrome 18.0 Iphone 5.0.1 - safari mobile Mountain lion(10.8) - chrome 21.0,safari 5.1.4,firefox 14.0.1
  3. Olga Romero 2013-01-14

    Closing as fixed. Tested and verified with: Titanium Studio, build: 3.0.1.201212181159 Titanium SDK, build: 3.0.0.GA Titanium SDK, build: 3.1.0.v20130111163212 Safari Version 6.0.2 Chrome Version 23.0.1271.101 iPhone4S iOS 5.0.1 iPad4 iOS 6.0.1 Nexus4 Android version 4.2

JSON Source