Possible bug with "tabs" and "classic slider"

Support
#1

Hi guys,

When you create a tab element and add a classic slider element on a tab that is not THE FIRST ONE, it takes forever to load.

i made a very simple test on a clean site so you can see the problem: http://fluorescent-donkey-b5jidiqh.sandboxcms.com/sample-page/
Change between sliders and note the time it takes to load.

Both tabs are loading the same global element.

I guess it’s about the rendering or maybe AJAX? i guess the entire content of the tab is inactive until you click on it but when you do, it must really take a lot to actually load the slider by itself.

Is this a known issue?

How to recreate the problem from scratch:

  • Create a global block and add a “classic slider” on it
  • Save the global block
  • Create a new page and edit it with pro
  • Create a new section, add 1 row and then add a “tab” element on it
  • Add the global block to both tabs
  • Notice how it loads flawlessly in tab 1, but not in tab 2.

Sandbox site (clean installation) with latest PRO version (5.0.4 but also tested on 4.3.3, with the same result):
http://fluorescent-donkey-b5jidiqh.sandboxcms.com/?auto=eyJ1c2VyIjoiZGVtbyIsInBhc3N3b3JkIjoiU2FnMWVhT08ifQ==

#2

Hi @franticape,

Thanks for reaching out about this. I really appreciate the testing environment you setup. It was very easy to identify the issue and reproduce it. The main issue here is that the slider inside of tabs doesn’t load until the browser window resizes (nothing is loaded via AJAX).

The classic slider element uses the Flexslider library which is quite dated. It wasn’t designed to work inside tabs or accordions. I’ve tried looking into a workaround that would artificially trigger the browser to resize but haven’t been successful. Regretfully, this configurations isn’t something we’ll be able to support with the Classic Slider.

That being said, we are working on a new slider element that will be coming as early as the next feature release cycle. This one will be more CSS driven and should be able to seamlessly handle tabs changing.

#3

Ah interesting!

thank you for the explanation.

#4

Hi @franticape,

You are most welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.