From 5d00f85089a4626b3b5ce19cabab6ce58b26595c Mon Sep 17 00:00:00 2001
From: Rasmus Andersson <rasmus@notion.se>
Date: Sat, 15 Sep 2018 15:05:03 -0700
Subject: website: lab: backoff calling history.replaceState to prevent chrome
 from ignoring the calls

---
 docs/lab/index.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'docs/lab')

diff --git a/docs/lab/index.html b/docs/lab/index.html
index 6b95a6f05..a7468f8fc 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -1128,6 +1128,8 @@ class Vars {
         .map(s => s.split('=').map(decodeURIComponent))
     )
     this.vars = new Map()
+    this._historyReplaceStateTimer = null
+    this._needsHistoryReplaceState = false
   }
 
   getValue(name) {
@@ -1153,7 +1155,29 @@ class Vars {
     } else {
       this.values.set(name, value)
     }
+    this._setNeedsHistoryReplaceState()
+  }
+
+  _performHistoryReplaceState() {
     history.replaceState({} , '', '?' + this.getQueryString())
+    this._needsHistoryReplaceState = false
+  }
+
+  _setNeedsHistoryReplaceState() {
+    // We employ some backoff on calling history.replaceState as
+    // Chrome will start to throttle (meaning ignoring) calls to
+    // history.replaceState if the frequency gets too high.
+    if (this._historyReplaceStateTimer === null) {
+      this._performHistoryReplaceState()
+      this._historyReplaceStateTimer = setTimeout(() => {
+        this._historyReplaceStateTimer = null
+        if (this._needsHistoryReplaceState) {
+          this._performHistoryReplaceState()
+        }
+      }, 200)
+    } else {
+      this._needsHistoryReplaceState = true
+    }
   }
 
   refreshValue(name) {
-- 
cgit v1.2.3