Uprefix CSS transitions in ui/ and chrome/ styles

ui/login/display_manager.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Display manager for WebUI OOBE and login.
  */
 
 // TODO(xiyuan): Find a better to share those constants.
 /** @const */ var SCREEN_OOBE_NETWORK = 'connect';
@@ skipping 86 matching lines @@
 /** @const */ var USER_ACTION_ROLLBACK_TOGGLED = 'rollback-toggled';
 
 cr.define('cr.ui.login', function() {
   var Bubble = cr.ui.Bubble;
 
   /**
    * Maximum time in milliseconds to wait for step transition to finish.
    * The value is used as the duration for ensureTransitionEndEvent below.
    * It needs to be inline with the step screen transition duration time
    * defined in css file. The current value in css is 200ms. To avoid emulated
-   * webkitTransitionEnd fired before real one, 250ms is used.
+   * transitionend fired before real one, 250ms is used.
    * @const
    */
   var MAX_SCREEN_TRANSITION_DURATION = 250;
 
   /**
    * Groups of screens (screen IDs) that should have the same dimensions.
    * @type Array<Array<string>>
    * @const
    */
   var SCREEN_GROUPS = [[SCREEN_OOBE_NETWORK,
@@ skipping 414 matching lines @@
       // Default control to be focused (if specified).
       var defaultControl = newStep.defaultControl;
 
       var outerContainer = $('outer-container');
       var innerContainer = $('inner-container');
       var isOOBE = this.isOobeUI();
       if (this.currentStep_ != nextStepIndex &&
           !oldStep.classList.contains('hidden')) {
         if (oldStep.classList.contains('animated')) {
           innerContainer.classList.add('animation');
-          oldStep.addEventListener('webkitTransitionEnd', function f(e) {
-            oldStep.removeEventListener('webkitTransitionEnd', f);
+          oldStep.addEventListener('transitionend', function f(e) {
+            oldStep.removeEventListener('transitionend', f);
             if (oldStep.classList.contains('faded') ||
                 oldStep.classList.contains('left') ||
                 oldStep.classList.contains('right')) {
               innerContainer.classList.remove('animation');
               oldStep.classList.add('hidden');
               if (!isOOBE)
                 oldStep.hidden = true;
             }
             // Refresh defaultControl. It could have changed.
             var defaultControl = newStep.defaultControl;
             if (defaultControl)
               defaultControl.focus();
           });
           ensureTransitionEndEvent(oldStep, MAX_SCREEN_TRANSITION_DURATION);
         } else {
           oldStep.classList.add('hidden');
           oldStep.hidden = true;
           if (defaultControl)
             defaultControl.focus();
         }
       } else {
         // First screen on OOBE launch.
         if (this.isOobeUI() && innerContainer.classList.contains('down')) {
           innerContainer.classList.remove('down');
           innerContainer.addEventListener(
-              'webkitTransitionEnd', function f(e) {
-                innerContainer.removeEventListener('webkitTransitionEnd', f);
+              'transitionend', function f(e) {
+                innerContainer.removeEventListener('transitionend', f);
                 outerContainer.classList.remove('down');
                 $('progress-dots').classList.remove('down');
                 chrome.send('loginVisible', ['oobe']);
                 // Refresh defaultControl. It could have changed.
                 var defaultControl = newStep.defaultControl;
                 if (defaultControl)
                   defaultControl.focus();
               });
           ensureTransitionEndEvent(innerContainer,
                                    MAX_SCREEN_TRANSITION_DURATION);
@@ skipping 491 matching lines @@
    */
   DisplayManager.refocusCurrentPod = function() {
     $('pod-row').refocusCurrentPod();
   };
 
   // Export
   return {
     DisplayManager: DisplayManager
   };
 });