Merge pull request #1125 from newrelic/develop

fix: unscrollable when focus is on search , t&c content

Author: akashreddy-nr

packages/gatsby-theme-newrelic/src/components/GlobalFooter.js

@@ -67,6 +67,7 @@ const GlobalFooter = ({ className }) => {
             margin: 0 auto;
 
             @media screen and (max-width: 760px) {
+              font-size: 0.5rem;
               justify-content: center;
               text-align: center;
               grid-template-columns: auto;
@@ -102,7 +103,7 @@ const GlobalFooter = ({ className }) => {
                 flex-wrap: wrap;
                 justify-content: flex-end;
                 grid-area: legal;
-                max-width: ${osanoPresent ? '29rem' : '32rem'};
+                max-width: ${osanoPresent ? 'fit-content' : '32rem'};
 
                 a {
                   margin-left: 0.75rem;
@@ -141,6 +142,10 @@ const GlobalFooter = ({ className }) => {
                     &:hover svg {
                       filter: invert(100%);
                     }
+
+                    @media screen and (max-width: 760px) {
+                      font-size: 0.5rem;
+                    }
                   `}
                   onClick={handlePrivacyClick}
                 >

packages/gatsby-theme-newrelic/src/components/GlobalSearch.js

@@ -32,8 +32,6 @@ const GlobalSearch = ({ onClose }) => {
   const [selected, setSelected] = useState(null);
   const possibleSelections = results.length + recentQueries.length;
 
-  useScrollFreeze(open);
-
   const moveUp = () =>
     setSelected((s) => {
       if (s == null) return possibleSelections - 1;
@@ -69,6 +67,7 @@ const GlobalSearch = ({ onClose }) => {
   });
 
   const showSearchDropdown = query.length > 1 && open;
+  useScrollFreeze(showSearchDropdown);
 
   return (
     <>