Merge pull request #100 from kate2753/master

Release v0.2.2

CHANGELOG.md

@@ -1,5 +1,12 @@
 ## Change Log
 
+### v0.2.2 (2014/06/26)
+
+ * [#91](https://github.com/linkedin/hopscotch/pull/91) Don't cache step targets - support for single page apps
+ * [#96](https://github.com/linkedin/hopscotch/pull/96) box-sizing: content-box - Issues with Bootstrap 3
+ * [#90](https://github.com/linkedin/hopscotch/pull/90) Prefer jQuery and Sizzle when searching for a target
+ * [#94](https://github.com/linkedin/hopscotch/pull/94) Catch exceptions caused by illegal targets in document.QuerySelector
+
 ### v0.2.1 (2014/06/05)
 
  * [#82](https://github.com/linkedin/hopscotch/pull/82) IE8 Button Bindings Fix

dist/css/hopscotch.css

@@ -1,4 +1,4 @@
-/**! hopscotch - v0.2.1
+/**! hopscotch - v0.2.2
 *
 * Copyright 2014 LinkedIn Corp. All rights reserved.
 *
@@ -330,13 +330,21 @@ div.hopscotch-bubble {
   font-size: 13px;
   position: absolute;
   z-index: 999999;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
   -moz-background-clip: padding;
   /* for Mozilla browsers*/
   -webkit-background-clip: padding;
   /* Webkit */
   background-clip: padding-box;
   /*  browsers with full support */
 }
+div.hopscotch-bubble * {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
 div.hopscotch-bubble.animate {
   -moz-transition-property: top, left;
   -moz-transition-duration: 1s;

dist/js/hopscotch.js

@@ -1,4 +1,4 @@
-/**! hopscotch - v0.2.1
+/**! hopscotch - v0.2.2
 *
 * Copyright 2014 LinkedIn Corp. All rights reserved.
 *
@@ -366,9 +366,6 @@
       if (result) {
         return result;
       }
-      if (document.querySelector) {
-        return document.querySelector(target);
-      }
       if (hasJquery) {
         result = jQuery(target);
         return result.length ? result[0] : null;
@@ -377,6 +374,11 @@
         result = new Sizzle(target);
         return result.length ? result[0] : null;
       }
+      if (document.querySelector) {
+        try {
+          return document.querySelector(target);
+        } catch (err) {}
+      }
       // Regex test for id. Following the HTML 4 spec for valid id formats.
       // (http://www.w3.org/TR/html4/types.html#type-id)
       if (/^#[a-zA-Z][\w-_:.]*$/.test(target)) {
@@ -404,9 +406,8 @@
       }
 
       if (typeof step.target === 'string') {
-        //Just one target to test. Check, cache, and return its results.
-        step.target = utils.getStepTargetHelper(step.target);
-        return step.target;
+        //Just one target to test. Check and return its results.
+        return utils.getStepTargetHelper(step.target);
       }
       else if (Array.isArray(step.target)) {
         // Multiple items to check. Check each and return the first success.
@@ -419,8 +420,6 @@
             queriedTarget = utils.getStepTargetHelper(step.target[i]);
 
             if (queriedTarget) {
-              // Replace step.target with result so we don't have to look it up again.
-              step.target = queriedTarget;
               return queriedTarget;
             }
           }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hopscotch",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A framework to make it easy for developers to add product tours to their pages.",
   "main": "Gruntfile.js",
   "directories": {