Slider not working on hidden initial state – Webflow.require('slider').redraw() dosn't fix

Hey guys,

I’m running into an issue with a slider nested in an accordion.

Slide transitions seem to work in safari as well as in preview mode.
In chrome or firefox they need a reload in order to work.

Redrawing the slider with // Webflow.require(‘slider’).redraw(); doesn’t fix this and I still get the error:

webflow.f8d8852fc.js:18620 Uncaught TypeError: Cannot read property ‘length’ of undefined
at change (webflow.f8d8852fc.js:18620)
at HTMLDivElement. (webflow.f8d8852fc.js:18432)
at HTMLDivElement.dispatch (jquery-3.5.1.min.dc5e7f18c8.js?site=5fc6308748ff18743b134682:2)
at HTMLDivElement.v.handle (jquery-3.5.1.min.dc5e7f18c8.js?site=5fc6308748ff18743b134682:2)
change @ webflow.f8d8852fc.js:18620
(anonymous) @ webflow.f8d8852fc.js:18432
dispatch @ jquery-3.5.1.min.dc5e7f18c8.js?site=5fc6308748ff18743b134682:2
v.handle @ jquery-3.5.1.min.dc5e7f18c8.js?site=5fc6308748ff18743b134682:2

The slides aren’t classed and I’m not using any 3rd party plugins.

After going through forum posts with similar problems like:
Slider not working if set to display:none on load then display:block later and Slider dont work inside modal window , I couldn’t find a helpful solution to this.

Is it possible that there is a bug with display:none for slider on page load?
Or there is something wrong with my structure?
Or something super simple I messed up? lol

Would be grateful for ideas for a workaround or fix!

Cheers,
Martin


Here is my site Read-Only: https://preview.webflow.com/preview/oasis-urbano-141db8?utm_medium=preview_link&utm_source=dashboard&utm_content=oasis-urbano-141db8&preview=4161d6c6f054443831e13033eaa4ef0b&mode=preview

1 Like

Did you manage to find a solution here?

I’m stuck with the same problem :thinking:

Hmm, I’ve also run into the same problem