What is involved in initializing slick only after scrolling??

Question

JavaScript

Tell me please, what could be the problem?
The site has installed (and, in principle, until today it was fully functional) slick to view products in a drop-down window. But now, when opening it, it is not initially visible and in the inspector you can see that all the elements are in a column. (instead of a string). But just barely drag the part of the page (where they are located) to the side and the slider immediately starts working, elements appear, a line is formed and work resumes. On an example to show unfortunately I will not be able

Why initialization transits only actions of the user? tell me at least where to dig? in third party scripts or in the slider script itself?

Answer 1

Two options:
1. The modal window is not initially on the page
Solution: initialization on opening
2. The modal window opens but setPosition is not called
Solution $('.your-element').slick('setPosition');
Reason: The slider initially does not know either the width or the height because the modal is hidden