移动端上,表情符号选择器定位在视口外

我们遇到了一个与此处描述的非常相似的问题:

反应选择器显示在视口之外。

使用调试工具,我能够确定它接收到 element.style {left: 89.6562px; top: 2375.19px; }。由于这是元素样式,我尝试用其他 CSS 来影响它但没有成功。

如果我将屏幕调整为大约 3000 像素高,我实际上可以在那里看到选择器。

我们没有确定 Jira 插件是罪魁祸首:Unable to use reactions on IOS/Mobile - #23 by Don

我们正在使用自定义反应主题组件:Custom Discourse Reactions - #14 by Don 我不明白这怎么会产生这种影响。

不幸的是,我现在无法提供我们拥有的所有插件的完整列表,因为我没有管理员权限。

3 个赞

不过,尝试在安全模式下运行会很有用,以确保这一点。

1 个赞

我没有意识到,我只需尝试安全模式而无需任何权限。

在有人指出这一点后,我观察到

  • a) Reactions 是一个插件,所以禁用所有插件以一种无济于事的方式解决了问题 ^^
  • b) 更重要的是:没有主题,一切都运行正常。

唯一应该与 Reactions 交互的主题是

Reactions 几周前肯定运行正常,而且该主题多年来没有改变。

要么它与最近的 Discourse 更新有奇怪的交互,要么我们的配置中出了问题。我将尝试进一步询问。

1 个赞

我做了一些额外的挖掘:

我猜测,这个 discourse 核心中的提交导致了中断:

特别是这个:

似乎与主题组件中的这个样式产生了不良交互:

在开发者工具中禁用此 CSS 行不会改变当前显示的反应选择器的位置,但会导致下一个选择器正确放置。

1 个赞

最好的办法是联系该主题组件的作者,请他们修复它。也许他们还没有意识到这个问题。

2 个赞

我刚刚在那里开了一个问题。

2 个赞

主题组件已更新,问题已解决。

2 个赞