Slick-Cloned adding empty ids that are flagged on W3C validation & parsing reports

[Darren404]

Hi,
Not sure if this is the right place to ask this but we are using slick with slick cloned to have an infinitely scrolling section where items are repeated. The opener of each div in the code when inspected in the browser is rendering like this when it is cloned...

<div class="slick-slide slick-cloned" data-slick-index="4" id="" aria-hidden="true" tabindex="-1">

Using the W3C Nu HTML Checker via the bookmarklet shows these empty IDs are being flagged as errors due to duplication.
Is this a know issue with a fix or something not raised before? Is there a way to stop it generating IDs completely?

Thanks

[Rahafbawab]

Hi,
I faced the same issue. here my fix
In slick.js line 2423 - version 1.8.1

$(_.$slides[slideIndex]).clone(true).attr('id', 'slick-cloned' + _.instanceUid + slideIndex)