Fixed intersection observer check on iOS

diff --git a/resources/assets/js/components/page-display.js b/resources/assets/js/components/page-display.js
index 1aeeaf248a6df307ee342d9804629447d6639b1d..e87966d7dbbcfc7b83b8fc7b596f36e034bbafd2 100644 (file)
--- a/resources/assets/js/components/page-display.js
+++ b/resources/assets/js/components/page-display.js
@@ -184,9 +184,9 @@ class PageDisplay {
 
     setupNavHighlighting() {
         // Check if support is present for IntersectionObserver
-        if (!'IntersectionObserver' in window ||
-            !'IntersectionObserverEntry' in window ||
-            !'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
+        if (!('IntersectionObserver' in window) ||
+            !('IntersectionObserverEntry' in window) ||
+            !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {
             return;
         }
 

diff --git a/resources/assets/sass/_header.scss b/resources/assets/sass/_header.scss
index 7fd6d7ae94fa931e3ebbccecb6bbf1d34a7a25f2..c4ca4607adf76a641477d51f31952d1452527db1 100644 (file)
--- a/resources/assets/sass/_header.scss
+++ b/resources/assets/sass/_header.scss
@@ -215,6 +215,7 @@ header .search-box {
 .tri-layout-mobile-tab {
   text-align: center;
   border-bottom: 3px solid #BBB;
+  cursor: pointer;
   &:first-child {
     border-right: 1px solid #DDD;
   }