Merge pull request #26 from ryangjchandler/fix/visibility-compatibility

fix: only use checkVisibility if supported

Author: nunomaduro

resources/js/src/main.js

@@ -92,7 +92,8 @@ if (exports.window.__pan.inertiaStartListener) {
     var detectImpressions = function () {
         var elementsBeingImpressed = document.querySelectorAll("[data-pan]");
         elementsBeingImpressed.forEach(function (element) {
-            if (!element.checkVisibility()) {
+            if (element.checkVisibility !== undefined &&
+                !element.checkVisibility()) {
                 return;
             }
             var name = element.getAttribute("data-pan");

resources/js/src/main.ts

@@ -135,7 +135,10 @@ if (window.__pan.inertiaStartListener) {
         const elementsBeingImpressed = document.querySelectorAll("[data-pan]");
 
         elementsBeingImpressed.forEach((element: Element): void => {
-            if (! element.checkVisibility()) {
+            if (
+                element.checkVisibility !== undefined &&
+                !element.checkVisibility()
+            ) {
                 return;
             }