主题导航切换在特定区域阻止页面上的交互

在移动设备上,导航切换按钮右侧、与导航切换按钮相同高度的区域无法进行交互,尽管导航按钮很小并且浮动在屏幕右侧。

解释得很糟糕,所以这里有一张截图。点击紫色区域的任何地方都不会有任何反应。你可以尝试点赞或显示反应、复制链接、显示回复的帖子等……没有任何交互会起作用。

我大多不会注意到它,但我的拇指会移到这个区域,时不时地出现“触摸无响应”,需要我滚动更多,这让我很烦恼 :bug:

6 个赞

谢谢!这应该可以解决问题。

4 个赞

谢谢 Kris :slightly_smiling_face: 我认为我不会为此创建一个新主题,我注意到在此更改后 .topic-navigation-outlet 不可点击。例如 .d-toc-wrapper。我添加了 pointer-events: auto 来修复它。

2 个赞

是的,抓得好,这里我重新启用了 wrapper 的所有子元素的指针事件以避免此问题:UX: ensure all children of `.with-topic-progress` are clickable by awesomerobot · Pull Request #31176 · discourse/discourse · GitHub

2 个赞