Slick: Using dots in responsive mobile first mode with unslick prevents unslick from working

[kicks66]

short description of the bug / issue, provide more detail below.

I am using unslick for mobile only, and for desktop I am using unslick. By setting the correct breakpoint, this functions correctly. However, when I add dots: true, unslick no longer functions and instead slick is called, even on desktop.

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

https://jsfiddle.net/utb169xe/

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

Steps to reproduce the problem

1. run code above - observe this functions on mobile (slick), and on desktop (unslick) - you might need to refresh to see the difference between the two.
2. now add dots: true - dots will show, but on desktop unslick will not function, and instead slick will be called

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

What is the expected behaviour?

Unslick should remain on the breakpoint, whether dots is true or false.

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

What is observed behaviour?

Slick ignores breakpoints for "unslick" when dots is true

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

[leggomuhgreggo]

Good issue. Need to improve the unslick method. PRs welcome if you're feelin ambitious.

[jigarius]

I'm not sure if I'm facing the same issue, but with responsive settings, slick doesn't get re-attached after it has beeen "unslicked".

$(wrapper).once('hologic-responsive-grid').slick({ mobileFirst: true, // dots: true, slidesToShow: 1, slidesToScroll: 1, slide: children, responsive: [ { breakpoint: 768, settings: "unslick" // settings: { // slidesToShow: 2, // slidesToScroll: 1 // } } ] });

This is what I wrote for the config, but once I reach the unslick breakpoint, even if I resize the window, slick doesn't get re-attached.