UI Updates

demo/scripts/demo.js

@@ -176,7 +176,7 @@ document.addEventListener("DOMContentLoaded", function () {
         popover: {
           title: 'Did you know?',
           description: 'You can add HTML in title or description also!',
-          position: 'left'
+          position: 'top'
         }
       });
     });
@@ -280,7 +280,7 @@ document.addEventListener("DOMContentLoaded", function () {
         popover: {
           title: 'Title for the Popover',
           description: 'Description for it',
-          position: 'left', // can be `top`, `left`, `right`, `bottom`
+          position: 'top', // can be `top`, `left`, `right`, `bottom`
         }
       });
     });
@@ -303,7 +303,7 @@ document.addEventListener("DOMContentLoaded", function () {
       popover: {
         title: 'Title on Popover',
         description: 'Body of the popover',
-        position: 'left'
+        position: 'bottom'
       }
     },
     {
@@ -311,7 +311,7 @@ document.addEventListener("DOMContentLoaded", function () {
       popover: {
         title: 'Title on Popover',
         description: 'Body of the popover',
-        position: 'right'
+        position: 'top'
       }
     },
     {
@@ -339,4 +339,9 @@ document.addEventListener("DOMContentLoaded", function () {
       featureIntroductionDriver.start();
     });
 
+  const newURL = location.href.split("?")[0];
+  if (newURL !== location.href) {
+    window.location = newURL;
+    window.location.href = newURL;
+  }
 });

demo/styles/base.scss

@@ -135,6 +135,10 @@ blockquote {
   margin-top: 20px;
 }
 
+.top-30 {
+  margin-top: 30px;
+}
+
 .zero-bottom {
   margin-bottom: 0;
 }

demo/styles/demo.scss

@@ -65,7 +65,7 @@ section {
 }
 
 .section__header {
-  margin: 10px 0 30px;
+  margin: 10px 0 20px;
   text-align: center;
   display: block;
   padding: 10px;

index.html

@@ -20,6 +20,13 @@
 
     <a id="animated-tour" href="javascript:void(0)" class="btn btn__example btn__dark btn-left">With Animation</a>
     <a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark btn-right">without Animation</a>
+
+    <div class="github-button top-30">
+      <!-- Place this tag where you want the button to render. -->
+      <a class="github-button" href="https://github.com/kamranahmedse/driver.js" data-size="large"
+         data-show-count="true" aria-label="Star kamranahmedse/driver.js on GitHub">Star</a>
+    </div>
+
   </section>
 
   <blockquote>

src/core/overlay.js

@@ -55,7 +55,7 @@ export default class Overlay {
     }
 
     // If highlighted element is not changed from last time
-    if (this.highlightedElement && this.highlightedElement.isSame(this.lastHighlightedElement)) {
+    if (element.isSame(this.highlightedElement)) {
       return;
     }