Nested slider problem

[iforcode]

I just create three slider

1. Main slider
2. A thumb slider
3. Nested slider inside main slider

But that not working well, you can see at demo: https://jsfiddle.net/bcLzm5d7/
How to do that thanks.

[NaotoshiFujita]

Disable autoHeight because it is for a vertical slider.
https://splidejs.com/auto-width/

Modified:
https://jsfiddle.net/vs1b2Loy/

[iforcode]

@NaotoshiFujita Thank for that. But has any option to disable parent slide swipe while swiping child slide?

[NaotoshiFujita]

No, because there is no way to know whether users want to drag a parent slider or child one. In your case, you want to drag a nested slider first, but others may want to do a parent one.