Empty space at the end

[andricicezar]

How can I stop the carousel to let that empty space at the end?

I don't want infinite or center mode.

https://jsfiddle.net/20bumb4g/1576/

Thank you

[ghost]

i also have the same issue of the extra space at the end

[VasilyShelkov]

@fahd what parent are you suggesting to set overflow:hidden on ? I'm finding that none of the parent containers work in hiding the empty space when overflow is set to hidden :S

[mthines]

I've got the same problem.

When reaching the end of the list you can scroll further like shown in the gif below.

Is there anyway to solve this problem with settings or would this be considered a bug? :)

Thanks!

[alexjfno1]

Has anyone managed to get anything working for this? Having the same issue.

[THPubs]

Ok I solved my issue! I added a custom style to the slick-slide class to remove a small line on the right.

Can you see the small light blue line on the right? To fix it I did this:

.slick-slide{
  margin-right: 1px;
}

That rule caused the issue. So, in your case also there might be something which overflows the slider. I think if the inner content overflow, this happens.

[codermango]

Any update here?

[piersolenski]

+1

[aakashlpin]

Any update here? This is kind of a show stopper.

[harshitkumar31]

+1

[calebo]

+1

[vvasyliev]

+1

[dancnnm]

+1

[Rusya13]

+1

[robertSahm]

+1

[CorwinCZ]

Bump & +1.

[vhmth]

https://www.useloom.com/share/ea64a9ea40e44344872ec6b0c75add9b

[KODerFunk]

+1

[inmutato]

+1

[djuta]

+1

[markmanx]

+1

[rafaelderolez]

+1

[freott]

+1

[laveesingh]

This has been resolved now. All you need now is to set infinite: false. Refer to the example: https://github.com/akiran/react-slick/blob/master/examples/UnevenSetsFinite.js

[ro0t]

infinite: false did not solve my whitespace issue..

[dryleaf]

@laveesingh @ro0t @mads-thines Did you anyone find a solution to this problem?

I also described this issue in: https://github.com/akiran/react-slick/issues/1334

[diegopamio]

I've made a fix (#1337) that would allow the finite variable width slider sliders to always fill the display area, using a new setting. I've added the pull request, not sure if it will be handled soon. In any case, you are free to use my own fork in your package.json: "react-slick": "git+https://[email protected]/diegopamio/react-slick.git",

But ideally, if you can, also please vote so that the pull request gets attention.

[Razum]

any progress on this issue?

[dryleaf]

My ideal scroller would be the one that is:

• finite
• Variable width
• scrolls all 100% visible slides at a time (irrespective of viewports or screen width)
• with no paddings or centerings

[diegopamio]

Done. I've updated the PR with those requirements.

[imprfekt]

This has been resolved now. All you need now is to set infinite: false. Refer to the example: https://github.com/akiran/react-slick/blob/master/examples/UnevenSetsFinite.js

This is NOT resolved. Did you take into consideration variableWidth elements?