title: Slick not working on orientation change/window resize on iPhone / iPad Chrome
body: <p>Run into a strange issue with using <code>resize orientationchange</code> to resize my slack carousel on iPhone and iPad chrome only. </p>
  
  <p>My aim is to have slick run whilst on mobile portrait, but depending on the screen width, on landscape it should go back to how it would look on desktop, which removes the slick carousel. I have attached some images below of what it looks like on an android device which is working fine, and also what it looks like on iPhone which doesn't seem to work.</p>
  
  <p><a href="https://i.stack.imgur.com/uZBWq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uZBWq.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/PFISM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PFISM.jpg" alt="enter image description here"></a></p>
  
  <p>My slick js:</p>
  
  <pre><code>$(document).ready(function() {
      $(".carousel").slick( {
          slide:".slide",
          slidesToShow:2,
          slidesToScroll:1,
          autoplay:1,
          infinite: true,
          autoplaySpeed:2000,
          mobileFirst: true,
          responsive:[{
              breakpoint:500,
              settings: { slidesToShow: 3 }
          },{
              breakpoint: 650,
              settings: 'unslick'
          }]
      });
  });
  </code></pre>
  
  <p>and for the resizer:</p>
  
  <pre><code>$(window).on("resize orientationchange", function() {
      $(".carousel").slick("resize");
  });
  </code></pre>
  
  <p>This code works fine on all other devices and browsers and works fine on iPhone / iPad Safari. Any research I have done on this would lead me to suggest that <code>resize orientationchange</code> should have fixed this.</p>