在移动设备上的灯箱中放大图像时出现问题

此问题在 theme-creator.discourse.org 和我的个人网站的“安全模式”下会出现,但在 Meta 或 try.discourse.org 上则不会。我不确定这是不是 bug,还是我漏掉了什么。目前 Theme Creator 运行在 2.7.0.beta8 版本,而其他三个站点运行在 2.8.0.beta1 版本。因此,这似乎与站点使用的 Discourse 版本无关。

问题如下:在移动设备上,如果您先通过 Lightbox 打开一张大图片并放大(点击图片),然后拖动图片以查看其余部分,图片信息和箭头也会随之移动。请参见下图。

我已在 Firefox 移动版和 Safari 移动版上重现了该问题,并在桌面版 Firefox 的响应式设计模式下也复现了。您可以在 Theme Creator 的这篇帖子中进行测试:

https://theme-creator.discourse.org/t/this-is-a-test-post-with-an-example-image/1117

作为对比,这是 Meta 上同一张图片的显示效果。


编辑

我想澄清一下,当帖子中包含多张图片时,如何在移动设备上放大图片。因为您可能希望在有多张图片的情况下(例如包含皮卡丘图片的这篇帖子)测试上述问题。这一点并不直观,我认为这可能是一个 bug。

首先,图片必须足够大才能放大(上面的皮卡丘图片就足够大)。如果帖子中只有一张图片,在移动设备上将其在 Lightbox 中打开后点击即可放大。但如果帖子中包含多张图片(如本例),点击后则会跳转到下一张图片。不过,如果您先打开前一张图片(在 Lightbox 中),然后再点击该图片,就能看到图片被放大。

希望我的说明不会太令人困惑。:slight_smile:

除非您能在此处或 try 环境中复现问题,否则这并非 Discourse 本身的问题。您是否尝试过更新到最新版本?因为我们知道最近针对与灯箱相关的 GIF 暂停问题进行了几项修复。

感谢您的回答!是的,正因如此,我才在支持类别而非错误类别中发布了这个问题。

我可以在安全模式下在我的网站和主题创建器中复现该问题。两者都运行最新版本(2.8.0.beta1)。

@david,您是否了解 Meta 和主题创建器之间的区别?特别是它们为何以不同方式处理灯箱效果。是否因为它们存储图像的方式不同?