From 815e12144556bbdbc28732ffa6e69deca2017842 Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Mon, 17 Jan 2022 18:33:35 -0800
Subject: [PATCH] feat(highlight): update highlight from raf (#11443)

---
 .../playwright-core/src/server/injected/injectedScript.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/playwright-core/src/server/injected/injectedScript.ts b/packages/playwright-core/src/server/injected/injectedScript.ts
index 28417ed10a..1778a7f753 100644
--- a/packages/playwright-core/src/server/injected/injectedScript.ts
+++ b/packages/playwright-core/src/server/injected/injectedScript.ts
@@ -863,7 +863,13 @@ export class InjectedScript {
       this._highlight = new Highlight(false);
       this._highlight.install();
     }
-    this._highlight.updateHighlight(this.querySelectorAll(selector, document.documentElement), stringifySelector(selector), false);
+    this._runHighlightOnRaf(selector);
+  }
+
+  _runHighlightOnRaf(selector: ParsedSelector) {
+    if (this._highlight)
+      this._highlight.updateHighlight(this.querySelectorAll(selector, document.documentElement), stringifySelector(selector), false);
+    requestAnimationFrame(() => this._runHighlightOnRaf(selector));
   }
 
   hideHighlight() {