Bug: react-sandbox の Carousel でボタンとスワイプを組みわせて操作すると挙動が不自然になる

[fluixyz-unnatural]

できる限り詳細に、不具合の内容と再現方法を報告してください

ボタンによる自動スクロールとタップ操作・キー操作による手動スクロールが可能だが、組み合わせて使用された時に不整合がある。

• 手動スクロールでカルーセルの端に到達してもボタンが非表示にならない
• コードを見ると自動スクロール中に手動スクロールがあるとアニメーションを止めようとしているがあるが止まらない
• 手動スクロール後に自動スクロールを行うとアニメーションの始点がおかしくなる

使用している charcoal および周辺環境

@charcoal-ui/react 3.0.0 react 18.2

charcoalのstorybookでも再現します

コード例へのリンク

https://pixiv.github.io/charcoal/?path=/story/sandbox-carousel--carousel

現在の挙動

• 手動スクロールでカルーセルの端に到達してもボタンが非表示にならない
• コードを見ると自動スクロール中に手動スクロールがあるとアニメーションを止めようとする意図があるが止まらない
• 手動スクロール後に自動スクロールを行うとアニメーションの始点がおかしくなる

期待される挙動

• 手動スクロールで画面端に到達した時にボタンを非表示にする
• 自動スクロール中に手動スクロールをしようとした時にアニメーションを止める
• 手動スクロール後の位置を自動スクロールのアニメーション始点に反映させる