Demo breaks on resize

[RoarkeRandall]

Resize the output window horizontally and it breaks.

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

[allantl]

This seems to be fixed using the latest release (0.14.2).

[giladbr]

It seems it's a bug they didn't finish fixing. Here's a workaround that works for me - add the following to React's component that contains the react-slick:

constructor() {
      [...]
      this.onWindowResized = this.onWindowResized.bind(this);
  }

  componentDidMount() {
      window.addEventListener('resize', this.onWindowResized);
  }


  componentWillUnmount () {
      window.removeEventListener('resize', this.onWindowResized);
  }

  onWindowResized() { //add debounce for performance?
      this.forceUpdate(); //react's default forceUpdate
  }

This will effectively force React to re-render the entire component on window resize, fixing the problem.

• The credit goes to the user @iandoe that wrote about it a year and a half ago...

[Tonyhark]

cause this issue appear by ver 0.14.6, so use version 0.14.5 to avoid this bug

[kaqiinono]

将走马灯组件用方法进行定义即可

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Karl-EdwardFPJeanMehu]

This is still an unresolved an issue. I'm running v 0.23.1

[laveesingh]

@Karl-EdwardFPJeanMehu could you create a codesandbox demo for the same?