Decrease animatino duration and popover not showing fix

src/common/constants.js

@@ -28,12 +28,12 @@ export const CLASS_NEXT_STEP_BTN = 'driver-next-btn';
 export const CLASS_PREV_STEP_BTN = 'driver-prev-btn';
 export const CLASS_BTN_DISABLED = 'driver-disabled';
 
-// It must match the one set in the animations in CSS file
-export const ANIMATION_DURATION_MS = 400;
+// NOTE: It must match the one set in the animations in CSS file
+export const ANIMATION_DURATION_MS = 300;
 
 // language=HTML
 export const POPOVER_HTML = (className = '') => `
-  <div id="${ID_POPOVER} ${className}">
+  <div id="${ID_POPOVER}" class="${className}">
     <div class="${CLASS_POPOVER_TIP}"></div>
     <div class="${CLASS_POPOVER_TITLE}">Popover Title</div>
     <div class="${CLASS_POPOVER_DESCRIPTION}">Popover Description</div>

src/driver.scss

@@ -9,9 +9,9 @@ $overlay-z-index: 100002 !default;
 $stage-z-index: 100003 !default;
 $highlighted-element-z-index: 100004 !default;
 
-// If you update this duration, make sure to
+// Note: If you update this duration, make sure to
 // update `ANIMATION_DURATION_MS` constant
-$animation-ms: 400 !default;
+$animation-ms: 300 !default;
 $animation-sec: ($animation-ms / 1000) * 1s !default;
 
 div#driver-popover-item {

src/index.js

@@ -417,7 +417,6 @@ export default class Driver {
     }
 
     this.isActivated = true;
-
     this.currentStep = index;
     this.overlay.highlight(this.steps[index]);
   }