Open gultyayev opened 5 years ago
This is not an issue with the slider. All in line-block elements do it. There are many ways to overcome it. The simplest one is to change font-size to '0' on the element and then add a required font size on any text sub elements.
It is, because the slider's JS adds this inline-block
with no reason to do that.
Why does that inline-block style exist in the first place anyway?
Interestingly, I only observe this when using slick.js instead of the minified version slick.min.js.
*v1.8.1
setting rows option to 0 fixes this behavior of adding inline block
add rows: 0
in options to stop the grid mode.
We can close this issue now.
App crashing while rows={0}
in react slick. So I using this override as workaround.
.my-slider-class {
.slick-slide {
font-size: 0;
}
}
Display inline-block causes extra space at the bottom
====================================================================
Fiddle
Steps to reproduce the problem
====================================================================
What is the expected behaviour?
There should not be any extra space at the bottom. The problem is caused by adding to slides
display: inline-block
I see no reason for doing that. Specifyingdisplay: block
solves the problem. Anyway, we do have wrappers around the user's slides so we don't loose anything.====================================================================
What is observed behaviour?
Out of the slide div we can observe extra space at the bottom (caused by inline-block and font-size and is a known behaviour of inline-block)