title: Slick Slider Variable width menu and click issue after items end
body: <p>Slick slider with variable width items and arrow on the right scrolls even after the last item reached end. Anyway to fix this?</p>
  <p>Link to fiddle: <a href="https://jsfiddle.net/abhiklpm/60hy4j3z/" rel="nofollow noreferrer">https://jsfiddle.net/abhiklpm/60hy4j3z/</a>  (Click on the right arrow continuously and you could see the issue).</p>
  <pre><code>$('.variable-width').slick({
      arrows: false,
      dots: false,
      infinite: false,
      speed: 300,
      slidesToShow: 1,
      slidesToScroll: 1,
      centerMode: false,
      variableWidth: true
    }); 
  </code></pre>
  <p>Also if possible I would like to hide the right arrow if item count is less than the width.</p>