サイドバーの「もっと」のDMenuが、現在のページでなくても最初のアイテムを選択します

サイドバーの「詳細」メニューを開くと、/about ページにいます。

ご覧のとおり、「ユーザー」項目が選択されているように見えますが、私は「About」ページにいます。現在いるページが選択されているように見える方が自然ではありませんか?これは、現在いるページがメニュー項目をサイドバー項目の一番外側に表示するため、発生しません。

したがって、一番上の項目が選択されているように見えないようにすることは可能でしょうか?

「いいね!」 4

念のために説明しますと、このスクリーンショットを撮ったとき、私の指は「Users」項目を押していませんでした。

「いいね!」 2

また、なぜ最初の項目が「その他」メニューで強調表示されているのか疑問です。調査すると、その部分のハイライトは消えます。

現在アクティブな項目がメニュー外に移動し、親メニューに表示されるパターンが気に入っています。したがって、「その他」メニューには実際にアクティブな項目が存在しない場合、アクティブハイライトは表示されないはずです。ただし、このパターンは一貫しておらず、例えばMetaのリーダーボードページには適用されていません。

「いいね!」 4

メニューを開いたときにキーボードナビゲーションのために最初の項目にフォーカスが当たるようになっているためです。

これを focus から focus-visible に変更することで、必要な場合(キーボードナビゲーションが使用されている場合など)にのみハイライトが表示されるようになります。

「いいね!」 6

迅速な修正ありがとうございます!

「いいね!」 3