Bug: react-sandbox の Carousel でボタンとスワイプを組みわせて操作すると挙動が不自然になる #375
Description
できる限り詳細に、不具合の内容と再現方法を報告してください
ボタンによる自動スクロールとタップ操作・キー操作による手動スクロールが可能だが、組み合わせて使用された時に不整合がある。
- 手動スクロールでカルーセルの端に到達してもボタンが非表示にならない
- コードを見ると自動スクロール中に手動スクロールがあるとアニメーションを止めようとしているがあるが止まらない
- 手動スクロール後に自動スクロールを行うとアニメーションの始点がおかしくなる
使用している charcoal および周辺環境
@charcoal-ui/react 3.0.0 react 18.2
charcoalのstorybookでも再現します
コード例へのリンク
https://pixiv.github.io/charcoal/?path=/story/sandbox-carousel--carousel
現在の挙動
- 手動スクロールでカルーセルの端に到達してもボタンが非表示にならない
- コードを見ると自動スクロール中に手動スクロールがあるとアニメーションを止めようとする意図があるが止まらない
- 手動スクロール後に自動スクロールを行うとアニメーションの始点がおかしくなる
期待される挙動
- 手動スクロールで画面端に到達した時にボタンを非表示にする
- 自動スクロール中に手動スクロールをしようとした時にアニメーションを止める
- 手動スクロール後の位置を自動スクロールのアニメーション始点に反映させる