移动设备上的脚注弹窗部分超出屏幕且无法滚动,无法查看长脚注

你好,
我在移动设备上遇到了脚注弹出窗口的 UI 问题。

点击脚注编号时,弹出窗口会打开,但在移动设备上,弹出窗口的一部分位于可见屏幕区域之外。如果脚注文本较长,我无法判断全部内容是否都在弹出窗口内,因为:

  • 当我尝试滚动时,弹出窗口本身不会移动。
  • 主页面会滚动,而弹出窗口保持固定位置。
  • 弹出窗口内的内容也不会滚动。
  • 因此,脚注的下半部分完全无法访问。

所以,问题不仅在于弹出窗口缺少可滚动区域,还在于弹出窗口在移动设备上未能在视口内重新定位,导致长脚注无法阅读。

:test_tube: 桌面端
我尚未在桌面端测试此行为,因此不确定该问题是否仅限于移动设备。

:wrench: 环境

  • 标准 Discourse 安装(Docker)
  • 没有影响脚注的自定义 JS/CSS
  • 在多个移动浏览器和设备上均可复现此问题

能否请您确认这是否是移动设备上脚注弹出窗口的已知问题?
如果不是,希望您能提供指导,说明如何修复或修补弹出窗口,使其在移动设备上可滚动且完全可见。

谢谢!

1 个赞

你使用的是哪个版本?上周已经修复了这个问题。

1 个赞

谢谢你指出这一点。我很感激你的澄清。我大约三周没有更新我的实例,这解释了我为什么仍然看到这个问题。再次感谢你的有用提示。

1 个赞