I'm seeing the problem previously reported in https://www.drupal.org/project/slick/issues/3241141 → , only I'm not using Slick Views, and I'm using the most recent versions of Slick and Blazy. I see the problem on some sites but not on others that are using the identical code base.
The HTML looks like this on the working sites
<li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="0" aria-selected="true">1</button></li>
but on the non-working sites instead appears in the DOM as
That is, there is an extra ::marker pseudo-element before each button. Since this HTML is not in the source of the page, I assume it's put into the DOM by a script.
It's worth noting that the demo at /admin/config/media/slick/ui looks correct. It just doesn't look correct in my content.
unknown
Active
3.0
Code
Thank you.
Possible solutions:
Feel free to re-open if none of the above works.
Thanks, @gausarts! Setting a skin in the field display formatter did the trick.