From aa2168148ad2be9579bad8a3971ef2f234cb06cb Mon Sep 17 00:00:00 2001
From: Olly <57411901+quiteolly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 19:51:14 +0300
Subject: [PATCH 1/2] Hide "Was this page helpful?" popup from focus

---
 packages/typescriptlang-org/src/templates/documentation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/typescriptlang-org/src/templates/documentation.tsx b/packages/typescriptlang-org/src/templates/documentation.tsx
index 0cae8d84ece4..f26fd1bc0b8b 100644
--- a/packages/typescriptlang-org/src/templates/documentation.tsx
+++ b/packages/typescriptlang-org/src/templates/documentation.tsx
@@ -96,7 +96,7 @@ const HandbookTemplate: React.FC<Props> = (props) => {
       <section id="doc-layout" >
         <SidebarToggleButton />
 
-        <div className="page-popup" id="page-helpful-popup" style={{ opacity: 0 }}>
+        <div className="page-popup" id="page-helpful-popup" style={{ opacity: 0, visibility: 'hidden' }}>
           <p>Was this page helpful?</p>
           <div>
             <button className="first" id="like-button-popup" title="Like this page"><LikeUnfilledSVG /></button>

From 22c5711da70f662d63accf580f9cd284a8b43f83 Mon Sep 17 00:00:00 2001
From: Olly <57411901+quiteolly@users.noreply.github.com>
Date: Tue, 15 Feb 2022 19:57:38 +0300
Subject: [PATCH 2/2] Hide "Was this page helpful?" popup from focus

---
 .../src/templates/scripts/setupLikeDislikeButtons.ts            | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts b/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
index 027270497f81..23ac4b39f07f 100644
--- a/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
+++ b/packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts
@@ -57,11 +57,13 @@ export const setupLikeDislikeButtons = (slug: string, i: any) => {
       if (popup.style.opacity != popupOpacity) {
         // popup.style.display = bottomOfWindow ? "block" : "none"
         popup.style.opacity = popupOpacity
+        popup.style.visibility = bottomOfWindow ? "visible" : "hidden"
       }
 
       const navOpacity = bottomOfWindow ? "0" : "1"
       if (nav.style.opacity != navOpacity) {
         nav.style.opacity = navOpacity
+        nav.style.visibility = bottomOfWindow ? "hidden" : "visible"
       }
     },
     { passive: true, capture: true }