Max's Modern Sliders Perspective Carousel Slider Throws Syntax Error & Breaks Mobile Site

Support
#1

Hi,

I have been trying a design using the Perspective Carousel Slider from Modern Sliders. It works on larger screen views, but breaks the page it is on in mobile (iPhone 11 Pro Safari). The iPhone error reads A problem repeatedly occurred on <website>

Below are some of the errors, which I believe must be from Cornserstone:

SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '#lrd=0x48719e38fb906a2d:0x9fa38e189818be38,1,,,' is not a valid selector.
    at Ce (cs-classic.7.6.1.js?ver=7.6.1:1:35401)
    at cs-classic.7.6.1.js?ver=7.6.1:1:36019
    at Array.forEach (<anonymous>)
    at _o (cs-classic.7.6.1.js?ver=7.6.1:1:35973)
    at cs-classic.7.6.1.js?ver=7.6.1:1:35905
Ce @ cs-classic.7.6.1.js?ver=7.6.1:1

cs-classic.7.6.1.js?ver=7.6.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'top')
    at cs-classic.7.6.1.js?ver=7.6.1:1:52816
    at Array.map (<anonymous>)
    at $n (cs-classic.7.6.1.js?ver=7.6.1:1:51744)
    at Dn (cs-classic.7.6.1.js?ver=7.6.1:1:56370)
    at cs-classic.7.6.1.js?ver=7.6.1:1:14894

cs-classic.7.6.1.js?ver=7.6.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'top')
    at cs-classic.7.6.1.js?ver=7.6.1:1:52816
    at Array.map (<anonymous>)
    at $n (cs-classic.7.6.1.js?ver=7.6.1:1:51744)
    at Dn (cs-classic.7.6.1.js?ver=7.6.1:1:56370)
    at cs-classic.7.6.1.js?ver=7.6.1:1:56676
    at cs-classic.7.6.1.js?ver=7.6.1:1:14894

cs-classic.7.6.1.js?ver=7.6.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'slide')
    at cs-classic.7.6.1.js?ver=7.6.1:1:53827
    at Array.forEach (<anonymous>)
    at sc (cs-classic.7.6.1.js?ver=7.6.1:1:53737)
    at Sr (cs-classic.7.6.1.js?ver=7.6.1:1:53486)

modules.ef5986d046c68a8c77c1.js:4 Websocket close was unclean: 1006

I have also noticed that when working with the slider, which is fed by dynamic content, Cornerstone runs exceptionally slowly.

Any ideas why the mobile page will not load?

Thanks,
Christopher

#2

Hello Christopher,

Thanks for writing in! The mentioned JS error is yellow which means that it should not affect the slider. What I am seeing is this error:

[Violation] Permissions policy violation: Geolocation access has been blocked because of a permissions policy applied to the current document. See <URL> for more details.
float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1  Uncaught TypeError: Cannot read properties of undefined (reading '5')
    at 8008 (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:3316)
    at n (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:115096)
    at 33 (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:58751)
    at n (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:115096)
    at 2220 (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:74719)
    at n (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:115096)
    at 600 (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:17045)
    at n (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:115096)
    at 5075 (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:4743)
    at n (float~modern.i0CvJe1cviuQ-_9IuGQynPX2i7Ad-EjGZ6ysXy8iAqicIB0ydHP9Yylk7MUH8iLL.js:1:115096)
widget:1  Uncaught TypeError: Cannot read properties of undefined (reading 'fetchgeolocation')
    at Object.isFetchGeoDetails (widget:1:48117)
    at Object.fetchEmbedDetails (widget:1:151042)
    at Object.getEmbedDetails (widget:1:149818)
    at init (widget:1:149537)

By the looks of it, this comes from the Geolocation script from a plugin or the embedded form. Please duplicate the page and then remove the embedded forms and see how it goes. If this happened after the updates, you might want to check this:

Best Regards.