Why is the content of the slick slider not showing up?

Question

Slick

There is a simple slider with 4 elements, I initialize it like this:

$(document).ready(function (e) {
  $(".comm-slider").slick({
    dots: true,
    prevArrow: "<img src='img/left-slide.png' class='prev' alt='1'>",
    nextArrow: "<img src='img/right-slide.png' class='next' alt='2'>"
  })
});

There are no modal windows and tabs, the slider is right on the landing.
But for some reason it looks like this:

Without content inside, although it is there.
For what reasons might this happen? Because on another page exactly the same code works (I tried to disable all left styles and scripts on this page, the result is still the same)

Answer 1

Krch that's the problem, I had the dir="rtl" attribute on the html tag for clear purposes, if you remove it (or force it to change on the slider) everything works

Answer 2

Obviously the slider doesn't see the element styles. Try to check everything related to connecting styles