Stack Overflow
Stack Overflow

Questions tagged [react-slick]

Questions involving the library react-slick

react-slick is the port of the jQuery slick library to react.

281 questions
0
votes
1 answer

React-slick modifications

I'm using react-slick and I'd like to add some features to my slider. I need some help to disable the left arrow on the initial state of the slider, since the slider is infinite. Also, I'm displaying 3 elements and I want to add a gradient mask on…
kent87
  • 1
0
votes
1 answer

react-slick, slickNext fires automatically after re-render when invoked on previous render

Below is my code, on dropdown item click, after this.slickNext() invoked, an update event will be fired and this class compoent will be re-rendered. But slickNext method seems to be carried over to the re-render without click, hence, automatically…
Dr.XY
  • 1
  • 3
0
votes
1 answer

React-slick - Hide dots conditionally in multiple items carousel

I'm new to react, so maybe this question is a bit basic. I have a multiple items carousel. Dots is currently set to true, but when it is loaded dynamically with 4 slides and the settings are: slidesToShow: 4, slidesToScroll: 4, The dot is still…
Faus
  • 21
  • 3
0
votes
2 answers

React-slick carousel - autoplay not working in child component while triggering it with prop from parent component

I m using React. I am trying to implement a carousel and I tried to trigger auto play option(props for Slider literally) in react-slick, the autoplay in react-slick is not working.
Hari Heartcore
  • 21
  • 1
  • 5
0
votes
1 answer

Slick carousel width issue

On the desktop, I cannot seem to get the width to work on my carousel, it shows a little of the next one. I have tried using javascript to get the width of the list but that breaks the float. Even if I put a simple image inside I have the same…
David Pell
  • 791
  • 1
  • 8
  • 16
0
votes
0 answers

React ref not being called before componentDidMount

I'm trying to follow this example in my project but I couldn't make it work https://react-slick.neostack.com/docs/example/as-nav-for I think the reason is: It needs a ref to both objects to sync them It is supossed to be synced with the state…
Jumper
  • 151
  • 1
  • 14
0
votes
1 answer

TypeError: images.forEach is not a function while using react-slick in Firefox 47.0

I am using react-slick for implementing carousel in React. The carousel works fine in Chrome. However, in Firefox (47.0) it gives an error: "TypeError: images.forEach is not a function". I tried to have only image tags inside the react slick slider…
Jags_Yaram
  • 56
  • 2
0
votes
1 answer

Target container is not a DOM element - React and GatsbyJS - React-slick Component

I am trying to use the React-Slick carousel component but having issues getting it to display in app and receiving this error... Uncaught (in promise) Error: _registerComponent(...): Target container is not a DOM…
Darren
  • 2,176
  • 9
  • 42
  • 98
0
votes
1 answer

carousel keeps anchoring to the top of page on image change

I'm using react-slick and the problem I have is that whenever the carousel changes, it automatically anchors to the top of the page irrelevant of where you were on the page. These are all the changes that ive made through css. .slick-slider { …
Strahinja Ajvaz
  • 2,521
  • 5
  • 23
  • 38
0
votes
1 answer

React slider not showing last item after slickGoTo

I have implemented react-slick. am facing issue when i place slickGoTo and slidesToScroll. When page load initially am calling slickGoTo to 4th one. once its done, it lose the control of slidesToScroll and last item is not visible.
gauti
  • 1,264
  • 3
  • 17
  • 43
0
votes
1 answer

Srcset not working in React react-slick carousel

I'm using React-Slick as an image carousel and I'm trying to sub-out an image for another when the screen size shrinks. I wanted to do this with srcset instead of trying to hack together some background-image solution. However, whenever I try only…
Dog
  • 2,726
  • 7
  • 29
  • 66
0
votes
1 answer

React-slick and Nuka-carousel not working in Mozilla Firefox

I import React-slick and Nuka-carousel in my project. Its working fine in opera and chrome but in Mozilla Firefox only dots and arrow are visible. 1.Mozilla Firefox View. 2.Chrome View
Dheeraj Kumar
  • 119
  • 2
  • 12
0
votes
0 answers

React Failed to execute 'scroll' on 'Window': parameter 1

I'm getting a strange error - trying to trigger the next and prev events on scroll within react for react-slick slider. Error: TypeError: Failed to execute 'scroll' on 'Window': parameter 1 ('options') is not an object. 29 | 30 |…
Filth
  • 3,116
  • 14
  • 51
  • 79
0
votes
1 answer

Can't resolve 'SimpleSlider.js' from "react-slick"

I'm having a hard time understanding what's happening here. I'm installing the "react-slick" component and I followed the github's instruction but there seems to be something going wrong (The slider is not found) Could you please help me with this?…
Cyrus Khalatbari
  • 117
  • 1
  • 2
  • 7
0
votes
1 answer

Disable React slick slider at Min width

I am trying to disable the react slider at min-width: 768px , but it seems that the react slick slider only supports max-width. I am using the responsive property in the slick settings and according to the documentation, this takes a breakpoint with…
henhen
  • 1,038
  • 3
  • 18
  • 36
1 2 3
…
18
19