height mismatch for slide with image.

[solugebefola]

Adding an image to the slide with width: 100% results in a miscalculated slide height. The slick-list classed div is slightly taller than the image.

[ http://jsfiddle.net/rxnbpv35/ ]

use this jsfiddle to reproduce your bug: http://jsfiddle.net/simeydotme/fmo50w7n/ we will likely close your issue without it.

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

Steps to reproduce the problem

1. Add image to slide div within overall slider div.
2. Set CSS image width: 100%

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

What is the expected behaviour?

.slick-slide div height is equal to image height.

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

What is observed behaviour?

slick-slide height is slightly bigger than div height

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

More Details

• Browsers tested: Chrome Version 67.0.3396.99, Firefox 50.0.1
• Which jQuery/Slick version are you using? jQuery 1.12.4, slick 1.9.0
• Did this work before? No

[devjah]

You probably need to add vertical-align: middle; to the img

[RZsam]

I had the same problem with react-slick. div outside the img was taller and I couldn't find out why. this issue worked for me add line-height: 0 to .slick-track