lightslider only works after reloading the page

[getgrav]

lightslider only works after reloading the page

[foersterp]

Hello,

I have the same problem. In Chromium (96.0.4664.45) I have to reload the page for the lightslider to show up. In Firefox (94.0) it shows up sometimes and sometimes it doesn't.

The Chromium console prints the following error:

And the Firefox console shows this error:

I'm new to coding and Grav so I don't know how to solve this problem. Maybe somebody knows.

But is the project actually under active development?

Thanks!

[foersterp]

I found a fix for that problem here: https://discourse.getgrav.org/t/how-to-install-a-slider-between-two-sections-of-an-existing-modular-page/18962

I edited /user/lightslider/templates/modular/lightslider.html.twig and added the code from the forum post which is the following:

<script type="text/javascript"> document.addEventListener("DOMContentLoaded", () => { --- insert original javascript here --- }); </script>

I don't know if this is the correct file to edit but it worked for me.

I hope that helps.