Integration with CMS

[craigedmunds]

We've integrated slick into our CMS (Odoo), which loads its dependencies in a particular way. We've managed to get everything loaded and there are no JS errors, but the slick slider isn't displaying correctly.

====================================================================

Steps to reproduce the problem

We've created a test page here: https://test.accasports.com/hanna2

We've noticed that if we remove the transform element style from the slick-track element, the slider content appears, which seems strange.

More Details

• Chrome
• jQuery 3.3.1 / Slick 1.8.1
• It works on a test page outside our CMS whe

[craigedmunds]

Hi, I've traced the problem to a CSS override file in our CMS:

https://github.com/odoo/odoo/blob/13.0/addons/web/static/src/scss/ui.scss http://test.accasports.com/web/static/src/scss/web.assets_common/ui.scss.css

And specifically the line:

[aria-hidden="true"], [aria-hidden="1"] { display: none !important; }

I can see that you do set aria hidden to false during the sliding so it's pretty weird!

By the way, I'm using Chrome 83.0.4103.97 on Mac

[robwent]

Aria attributes are for screen readers and shouldn't really affect the visibility of elements.

You probably don't want to rewrite the cms css so can't you override that rule for the slider?

[plancerio2020255]

Can you make a tutorial on how you integrated it please?