Slick vertical content has been cut off below

[graydirt]

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

I have 14 items/steps in the slick, however if I click the last dots item it shows the step 13 and the step 14 content has been cut off. Any ideas or suggestions how to fix it?

Setting the height of slick-list to 100% is not applicable.

See the image below, the step14 content has been cut off.

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

[ paste your codepen link here ]

use this codepen to reproduce your bug: full page preview: https://codepen.io/graydirt/full/rNPWMvO

code: https://codepen.io/graydirt/pen/rNPWMvO

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

More Details

• Which browsers/versions does it happen on? I only used Chrome.
• Which jQuery/Slick version are you using? slick carousel 1.9.0, jquery 1.11.3
• Did this work before? Not at all.

[graydirt]

Im going to answer my own question and the only fixes that I know is to add the height and overflow-y on slick-slide, see the updated code below.

Any ideas or suggestions on how to fix it are still open.

https://codepen.io/graydirt/pen/rNPWMvO

Updated code on slick-slide.

.slider-style-2.slick-vertical .slick-slide {
    opacity:.5;
    cursor:pointer;
    height: 100px !important;
    overflow-y : auto !important;
}