ソングのスクロールバーのところでマウスカーソルが変わらない

[Hiroshiba]

不具合の内容

タイトルの通りです。
ちょっとこれがバグなのかわからないのですが、珍しいけどな気がするのでメモがてらissueを作ってみました。

再現手順

編集モード状態でスクロールバーにカーソル合わせても、よく見かけるマウスカーソルのマークにならない。

期待動作

スクロールバーの上ではよく見かけるマウスカーソルのマークになる･･･？

VOICEVOXのバージョン

（mainブランチ）

その他

[Hiroshiba]

@romot-co (cc @sigprogramming )
これ仕様どうあるべきかコメントいただけると心強いです！！

[romot-co]

@Hiroshiba
こちらスクロールバー上は標準カーソルになっているのが妥当かと思います！
確認して修正いたします…！

[romot-co]

いったん以下の対策1で修正予定

原因

• .sequencer-bodyのcursorを固定しているがスクロールバーにも適用されてしまう

対策1: スクロールバー部のみスタイルを別途指定

::webkit-scrollbar-thumb, ::webkit-scrollbar-trackに指定

利点: 単純で済む
欠点: WebKitのみで標準ではない / WebKit系以外(ブラウザなど)で問題が出る

対策2: 内側または外側に要素を設ける

.sequecer-bodyの内側に編集エリアとして要素を挟む・.sequencer-bodyの外側にスクロール用エリアを設ける

利点: ブラウザ固有のスタイル指定を行わずに済む
欠点: 複雑になる・イベント伝播や位置指定基準などに影響範囲が広い

対策3: スクロールバー部のみをオーバーレイしカーソルのみを扱う要素を設ける

divまたは.sequencer-bodyの擬似要素でスクロールバーをオーバーレイする要素を追加しcursorを指定

利点: 2よりは影響範囲が局所的
欠点: 未検証

[Hiroshiba]

１の方法で一旦解決、良いと思います！！

２の方法も良さそうに思います。これが確かに最適そうな気がしました！！