Uprefix CSS transitions in ui/ and chrome/ styles

chrome/browser/resources/options/browser_options.js

 // Copyright (c) 2012 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.
 
 cr.exportPath('options');
 
 /**
  * @typedef {{actionLinkText: (string|undefined),
  *            accountInfo: (string|undefined),
  *            childUser: (boolean|undefined),
@@ skipping 177 matching lines @@
                 'button, input, list, select, a[href]');
             if (focusElement)
               focusElement.focus();
           }
         };
       } else {
         $('advanced-settings-footer').hidden = true;
         $('advanced-settings').hidden = true;
       }
 
-      $('advanced-settings').addEventListener('webkitTransitionEnd',
+      $('advanced-settings').addEventListener('transitionend',
           this.updateAdvancedSettingsExpander_.bind(this));
 
       if (loadTimeData.valueExists('aboutOverlayTabTitle')) {
         $('about-button').hidden = false;
         $('about-button').addEventListener('click', function() {
           PageManager.showPageByName('help');
           chrome.send('coreOptionsUserMetricsAction',
                       ['Options_About']);
         });
       }
@@ skipping 721 matching lines @@
      * @param {HTMLElement} section The section to animate.
      * @param {HTMLElement} container The container of |section|.
      * @param {boolean} showing Whether to go from 0 -> container height or
      *     container height -> 0.
      * @private
      */
     animatedSectionHeightChange_: function(section, container, showing) {
       // If the section is already animating, dispatch a synthetic transition
       // end event as the upcoming code will cancel the current one.
       if (section.classList.contains('sliding'))
-        cr.dispatchSimpleEvent(section, 'webkitTransitionEnd');
+        cr.dispatchSimpleEvent(section, 'transitionend');
 
       this.addTransitionEndListener_(section);
 
       section.hidden = false;
       section.style.height = (showing ? 0 : container.offsetHeight) + 'px';
       section.classList.add('sliding');
 
       // Force a style recalc before starting the animation.
       /** @suppress {suspiciousCode} */
       section.offsetHeight;
@@ skipping 103 matching lines @@
         // initializationComplete event (for example 'set-as-default-browser'
         // button) leaving some uncertainty in the optimal scroll position.
         // The section is placed approximately in the middle of the screen.
         var top = Math.min(0, document.body.scrollHeight / 2 - sectionBottom);
         pageContainer.style.top = top + 'px';
         pageContainer.oldScrollTop = -top;
       }
     },
 
     /**
-     * Adds a |webkitTransitionEnd| listener to the given section so that
+     * Adds a |transitionend| listener to the given section so that
      * it can be animated. The listener will only be added to a given section
      * once, so this can be called as multiple times.
      * @param {HTMLElement} section The section to be animated.
      * @private
      */
     addTransitionEndListener_: function(section) {
       if (section.hasTransitionEndListener_)
         return;
 
-      section.addEventListener('webkitTransitionEnd',
+      section.addEventListener('transitionend',
           this.onTransitionEnd_.bind(this));
       section.hasTransitionEndListener_ = true;
     },
 
     /**
      * Called after an animation transition has ended.
-     * @param {Event} event The webkitTransitionEnd event. NOTE: May be
+     * @param {Event} event The transitionend event. NOTE: May be
      *     synthetic.
      * @private
      */
     onTransitionEnd_: function(event) {
       if (event.propertyName && event.propertyName != 'height') {
         // If not a synthetic event or a real transition we care about, bail.
         return;
       }
 
       var section = event.target;
@@ skipping 1390 matching lines @@
 
       settings.hidden = !isVisible;
     };
   }
 
   // Export
   return {
     BrowserOptions: BrowserOptions
   };
 });