From 2af8b8ac747153396e6ae08ae190cf1607108d5f Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Wed, 3 Mar 2021 22:25:34 -0800
Subject: [PATCH] chore: inspector snapshot nits (#5676)

---
 src/server/supplements/injected/recorder.ts  | 1 +
 src/server/supplements/recorderSupplement.ts | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/server/supplements/injected/recorder.ts b/src/server/supplements/injected/recorder.ts
index 4f9d4a5003..8e5a8badd1 100644
--- a/src/server/supplements/injected/recorder.ts
+++ b/src/server/supplements/injected/recorder.ts
@@ -168,6 +168,7 @@ export class Recorder {
     if (window.top === window) {
       this._snapshotIframe = document.createElement('iframe');
       this._snapshotIframe.src = this._snapshotBaseUrl;
+      this._snapshotIframe.style.background = '#ff000060';
       this._snapshotIframe.style.position = 'fixed';
       this._snapshotIframe.style.top = '0';
       this._snapshotIframe.style.right = '0';
diff --git a/src/server/supplements/recorderSupplement.ts b/src/server/supplements/recorderSupplement.ts
index 6c32e64d10..6e358751cc 100644
--- a/src/server/supplements/recorderSupplement.ts
+++ b/src/server/supplements/recorderSupplement.ts
@@ -149,7 +149,7 @@ export class RecorderSupplement {
       }
       if (data.event === 'callLogHovered') {
         this._hoveredSnapshot = undefined;
-        if (this._isPaused())
+        if (this._isPaused() && data.params.callLogId)
           this._hoveredSnapshot = data.params;
         this._refreshOverlay();
         return;
@@ -283,7 +283,7 @@ export class RecorderSupplement {
 
   private _refreshOverlay() {
     for (const page of this._context.pages())
-      page.mainFrame()._evaluateExpression('window._playwrightRefreshOverlay', false, undefined, 'main').catch(() => {});
+      page.mainFrame()._evaluateExpression('window._playwrightRefreshOverlay()', false, undefined, 'main').catch(() => {});
   }
 
   private async _onPage(page: Page) {