From 955551641d64066766313223d9b91f6ccdc531d6 Mon Sep 17 00:00:00 2001
From: Jeremy McLeod <isochronous@gmail.com>
Date: Tue, 9 Jul 2013 16:33:10 -0400
Subject: [PATCH] better bootstrap.transition compatibility

Also prefer vendor-prefixed properties over native properties, as some browsers (Chrome Canary, for example) may say they support "transitionEnd" but not actually fire "transitionEnd" events.  The bootstrap.transition compatibility is provided by making $.support.transition a string object rather than a string literal, and adding a $.support.transition.end property to it with the same value as $.support.transitionEnd.
---
 jquery.transit.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/jquery.transit.js b/jquery.transit.js
index 96458cb..e2e7794 100644
--- a/jquery.transit.js
+++ b/jquery.transit.js
@@ -37,18 +37,18 @@
   // Helper function to get the proper vendor property name.
   // (`transition` => `WebkitTransition`)
   function getVendorPropertyName(prop) {
-    // Handle unprefixed versions (FF16+, for example)
-    if (prop in div.style) return prop;
-
+    
     var prefixes = ['Moz', 'Webkit', 'O', 'ms'];
     var prop_ = prop.charAt(0).toUpperCase() + prop.substr(1);
 
-    if (prop in div.style) { return prop; }
-
+    // Prefer vendor-prefixed property name over native for better interop with other libs
     for (var i=0; i<prefixes.length; ++i) {
       var vendorProp = prefixes[i] + prop_;
       if (vendorProp in div.style) { return vendorProp; }
     }
+    
+    // Handle unprefixed versions (FF16+, for example)
+    if (prop in div.style) { return prop; }
   }
 
   // Helper function to check if transform3D is supported.
@@ -62,7 +62,9 @@
   var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 
   // Check for the browser's transitions support.
-  support.transition      = getVendorPropertyName('transition');
+  // Create "transition" and "transform" as string objects so that they can be augmented with other properties.
+  // Bootstrap.transition, for example, creates $.support.transition = { end: support.transitionEnd }
+  support.transition      = new String(getVendorPropertyName('transition'));
   support.transitionDelay = getVendorPropertyName('transitionDelay');
   support.transform       = getVendorPropertyName('transform');
   support.transformOrigin = getVendorPropertyName('transformOrigin');
@@ -87,6 +89,9 @@
       $.support[key] = support[key];
     }
   }
+  
+  // Now add the transition.end property expected by components dependent on bootstrap.transition
+  $.support.transition && ($.support.transition.end = support.transitionEnd);
 
   // Avoid memory leak in IE.
   div = null;