Remove like/dislike from tab order when not visible

Fixes 1515517 and 1515523

Author: RyanCavanaugh

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, display: "none" }}>
           <p>Was this page helpful?</p>
           <div>
             <button className="first" id="like-button-popup" title="Like this page"><LikeUnfilledSVG /></button>

packages/typescriptlang-org/src/templates/scripts/setupLikeDislikeButtons.ts

@@ -55,7 +55,7 @@ export const setupLikeDislikeButtons = (slug: string, i: any) => {
 
       const popupOpacity = bottomOfWindow ? "1" : "0"
       if (popup.style.opacity != popupOpacity) {
-        // popup.style.display = bottomOfWindow ? "block" : "none"
+        popup.style.display = bottomOfWindow ? "block" : "none"
         popup.style.opacity = popupOpacity
       }