Changing dots' position causes the failure of drag

[TonyChanNJU]

Hi

When I change dot's position above the carousel items, mouse can't drag to switch carousel items.

Is there any additional option should be set?

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

The demo is here

https://jsfiddle.net/tonychannju/Lcw5zngb/1/

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

Steps to reproduce the problem

1. just drag the carousel item, you'll find you can't switch carousel.
2. but ,when unable the css setting(.slick-dots {top:20px;}), the drag action will work.

More Details

• Which browsers/versions does it happen on? Chrome and web view in android.
• Which jQuery/Slick version are you using? jquery: 2.1.4 slick: the latest

[nkast]

How about this? https://jsfiddle.net/y24555z1/

[jamal-0x1]

Adding the following CSS will solve the problem .slick-dots{ max-width: 100px; max-height: 100px; }