From 50326fe07d854504e6aeb6862d0ffd1d72b43df0 Mon Sep 17 00:00:00 2001
From: yeonjuan <yeonjuan93@naver.com>
Date: Sun, 10 Nov 2019 20:37:06 +0900
Subject: [PATCH] report: fix flicker in normal report (#9141)

---
 lighthouse-core/report/html/templates.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/lighthouse-core/report/html/templates.html b/lighthouse-core/report/html/templates.html
index 57462c176adf..6d69febfe43f 100644
--- a/lighthouse-core/report/html/templates.html
+++ b/lighthouse-core/report/html/templates.html
@@ -170,7 +170,7 @@
       --plugin-icon-size: 75%;
       --gauge-wrapper-width: 60px;
       --gauge-percentage-font-size: 13px;
-      position: sticky;
+      position: fixed;
       left: 0;
       right: 0;
       top: var(--topbar-height);
@@ -185,6 +185,11 @@
       pointer-events: none;
     }
 
+    .lh-devtools .lh-sticky-header {
+      /* The report within DevTools is placed in a container with overflow, which changes the placement of this header unless we change `position` to `sticky.` */
+      position: sticky;
+    }
+
     .lh-sticky-header--visible {
       display: grid;
       grid-auto-flow: column;