与 Foundation Off-canvas 的行为不一致

如何解决与 Foundation Off-canvas 的行为不一致

我的 Off-canvas 组件有问题

<body>
  <div class="off-canvas position-bottom" id="cookies-message" data-off-canvas data-content-overlay="false" data-close-on-click="false" data-transition="overlap" data-auto-focus="false">
  </div>
  <div class="off-canvas position-right" id="account" data-off-canvas data-transition="push" data-auto-focus="false">
  </div>
  <div class="off-canvas-content" data-off-canvas-content>
    <button type="button" class="button" data-toggle="account">Open Menu</button>
  </div>
<script>
$(document).foundation();
$('#cookies-message').foundation('open');
</script>
</body>

代码笔链接：https://codepen.io/gaborjonas/pen/NWdOxzV 第一次在画布上打开帐户会向上滚动内容，第二次不会，这正是我所期望的。

也是画布 | Foundation for Sites 6 Docs 转换部分指出有两种可用的转换，同时 JavaScript 参考提到“推送”、“分离”或“滑动”，查看 IOffCanvasOptions 接口，选项对象不能具有转换属性？

有什么我遗漏的吗？