fix progress bar and next button focus

usablica · Sep 5, 2024 · 9d2c558 · 9d2c558
1 parent 4db5719
commit 9d2c558
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/packages/tour/components/TourTooltip.ts b/src/packages/tour/components/TourTooltip.ts
@@ -97,7 +97,7 @@ const ProgressBar = ({
  currentStep: number;
  progressBarAdditionalClass: string;
 }) => {
- const progress = van.derive(() => ((currentStep) / steps.length) * 100);
+ const progress = (currentStep / steps.length) * 100;
 
  return div({ className: progressClassName }, [
  div({
@@ -215,7 +215,10 @@ const NextButton = ({
  },
  });
 
- nextButton.focus()
+ // wait for the button to be rendered
+ setTimeout(() => {
+ nextButton.focus()
+ }, 1);
 
  return nextButton;
 }