トピックナビゲーションのトグルがページ上の特定領域での操作を妨げる

モバイルでは、ナビゲーショントグル(ハンバーガーメニュー)の右側、ナビゲーショントグルと同じ高さの領域は、ナビゲーションボタンが小さく画面の右端に浮いているにもかかわらず、操作できません。

説明が下手なので、スクリーンショットを貼ります。紫色の領域のどこかをタップしても、何も起こりません。いいねやリアクションを表示したり、リンクをコピーしたり、返信された投稿を表示したり…どんな操作も機能しません。

ほとんど気づきませんが、親指がこの領域を横切ることが多く、時々「デッドタッチ」が発生して、より多くスクロールする必要があるのが気になります :bug:

「いいね!」 6

ありがとうございます。これで修正されるはずです。

「いいね!」 4

Krisさん、ありがとうございます:slightly_smiling_face: 新しいトピックを作成しないことにしました。この変更後、.topic-navigation-outlet がクリックできなくなっていることに気づきました。例えば .d-toc-wrapper です。pointer-events: auto を追加して修正しました。

「いいね!」 2

はい、よく気づきました。これを回避するために、ラッパーのすべての子要素でポインターイベントを再度有効にしています。UX: ensure all children of `.with-topic-progress` are clickable by awesomerobot · Pull Request #31176 · discourse/discourse · GitHub

「いいね!」 2