skrollr.js on tablets with theme
-
Hi,
I am having problems with the theme when accessing links (or possibly simply clicking/tapping on the page) on tablets in landscape mode specifically between width 1024px and width 640px (or min-width: 40.063em and 64.063em as the theme refers to it). The links are not clickable/followable with the following errors on inspection in chrome (as borne out on tablets/iPads):
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
this is pointing to:
if(!rxTouchIgnoreTags.test(currentElement.tagName)) { e.preventDefault(); }
in file:
https://www.hoyorkney.com/wp-content/themes/harmonic/js/skrollr.js?ver=`20141207This error appears to happen for any click on the page.
As a comparison the same in portrait mode is fine and gives:
Resource interpreted as Document but transferred with MIME type application/pdf: “https://www.hoyorkney.com/?ddownload=4168”.
this is pointing to:
//It was a tap, click the element. var clickEvent = document.createEvent('MouseEvents'); clickEvent.initMouseEvent('click', true, true, e.view, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, 0, null); initialElement.dispatchEvent(clickEvent); }
in file:
https://www.hoyorkney.com/wp-content/themes/harmonic/js/skrollr.js?ver=20141207The problem can be seen in other browser inspectors as well (always refreshing after resizing viewport)
Disabling plugins doesn’t solve the problem.
Changing the theme to Twenty Seventeen removes the problem.
It only seems to happen for some of the links on the page (possibly the first one?) as can be seen here
The site in question is https://www.hoyorkney.com
Bye-for-now and hope you can help,
éamonn
- The topic ‘skrollr.js on tablets with theme’ is closed to new replies.