search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.76k stars 2.11k forks source link

Items display vertically and disappear #1536

Open jfamousket opened 5 years ago

jfamousket commented 5 years ago

I tried using react-slick today and when I ran my code the items appeared stacked up vertically and disappeared. I noticed it is the same issue on your official example here https://codesandbox.io/s/zzloxr09mp.

Vladislava9009 commented 5 years ago

I have the same problem

mstanielewicz commented 5 years ago

~~I have the same problem. Using: react 16.8.6, react-slick 0.24.0, Chrome 74~~ You have to include stylesheets.

Tatator01 commented 5 years ago

I have the same problem.

I made the import on my .js file, then on the HTML, then tried with the two, and the problem is still present.

I saw the items appear very quickly, they stretch horizontally end finally disappear vertically.

I don't understand how it can work.

I want to precise that I run Slider Syncing (AsNavFor) example. AND in the dev console, I can see that all styles are applied correctly, but I just saw the title above "First slider", a white page, then 'Second slider", and a white page again. I can see the divs for buttons, but they are not displayed, and the page is very very large at this time. I tried npm install slick-carousel with import, after the test the CDN link in the HTML...

So, I don't understand...

GorgeousPuree commented 1 year ago

same in 2023

Crimson-keep commented 1 year ago

This could be related to https://github.com/akiran/react-slick/issues/1252

Ozaoujal commented 5 months ago

I have the same problem, I did all the possible solutions others said but I got no result!

VladaCherepanova commented 2 months ago

Adding styles helped me to fix this problem. Slider has huge width so it worked for me to define max width of parent block