From 01843f75ef83043e2258ca0bdb2c53f009bbeb95 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Tue, 20 Oct 2020 11:36:23 +0530
Subject: [PATCH] feat: pause plyr on hashchange

---
 frappe/public/js/frappe/widgets/onboarding_widget.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frappe/public/js/frappe/widgets/onboarding_widget.js b/frappe/public/js/frappe/widgets/onboarding_widget.js
index 68655bc9c3..12297e5633 100644
--- a/frappe/public/js/frappe/widgets/onboarding_widget.js
+++ b/frappe/public/js/frappe/widgets/onboarding_widget.js
@@ -110,10 +110,15 @@ export default class OnboardingWidget extends Widget {
 			$(`<button class="btn btn-primary btn-sm">${__(step.action)}</button>`)
 				.appendTo(this.step_footer)
 				.on('click', () => {
-					plyr.pause()
-					actions[step.action](step)
+					plyr.pause();
+					actions[step.action](step);
 				});
 
+			// Fire only once, on hashchange
+			$(window).one('hashchange', () => {
+				plyr.pause();
+			})
+
 			$(`<button class="btn btn-secondary ml-2 btn-sm">${__('Back')}</button>`)
 				.appendTo(this.step_footer)
 				.on('click', toggle_content);