使用下一个箭头时，Flickity滑块具有意外行为

Question

我的配置代码非常简单：

var options = {
  prevNextButtons: true,
  cellAlign: 'left',
};

$('.carousel').flickity( options );

滑块中有4个项目：

<div class="carousel">
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
</div>

问题正在使用向右箭头。例如，当您仅看到其中的4个时，您可以按next按钮查看最后一个。但是，您仍然可以单击“下一步”按钮，直到您只能在右侧看到最后一个和较大的空间为止。我该如何解决？

以下是演示的链接，因此您可以相信我：codepen demo