Fixes #389 getActiveElement returns old element

Author: kamranahmedse

index.html

@@ -462,6 +462,8 @@ <h2>Usage and Demo</h2>
           onPopoverRender: (popover) => {
             popover.title.innerHTML = `${driverObj.getActiveIndex()} ${driverObj.hasNextStep() ? 'Yes' : 'No'} ${driverObj.hasPreviousStep() ? 'Yes' : 'No'}`
             popover.description.innerHTML = `${driverObj.isFirstStep() ? 'Yes' : 'No'} ${driverObj.isLastStep() ? 'Yes' : 'No'}`
+
+            console.log(driverObj.getActiveStep());
           }
         });
 

src/highlight.ts

@@ -128,16 +128,17 @@ function transferHighlight(toElement: Element, toStep: DriveStep) {
       }
 
       setState("__transitionCallback", undefined);
-      setState("previousStep", fromStep);
-      setState("previousElement", fromElement);
-      setState("activeStep", toStep);
-      setState("activeElement", toElement);
     }
 
     window.requestAnimationFrame(animate);
   };
 
   setState("__transitionCallback", animate);
+  setState("previousStep", fromStep);
+  setState("previousElement", fromElement);
+  setState("activeStep", toStep);
+  setState("activeElement", toElement);
+
   window.requestAnimationFrame(animate);
 
   bringInView(toElement);