标题和其他元素前面的自定义状态消息

问题描述:
用户自定义状态消息即使在用户已查看的帖子消失后也不会被横幅隐藏,因此视觉效果不佳。
附有问题的图片:

预期行为:
状态消息被横幅隐藏

实际行为:
状态显示在横幅前面。

重现步骤:
点击用户的自定义状态,然后向上滚动,直到帖子不再可见。然后,您仍然可以看到状态消息显示在页面顶部横幅的前面。
错误出现在此链接:
(我不确定这是否只是我)

浏览器/操作系统/设备:
Replit 应用/Android /三星 Galaxy

类似情况:


我发现它显示在可以前进或后退的栏的前面。
这是一张有用的图片:

5 个赞

我可以重现它:

感谢您的报告 :+1:

4 个赞

我查看了一下。有两点很重要:

  1. 这只发生在移动设备上
  2. 这不仅发生在用户状态工具提示上,还发生在一些使用 DTooltip 组件实现的工具提示上

在桌面端,我们使用 mouseenter 事件作为工具提示的触发器。当鼠标离开工具提示时,它会消失,所以一切都很顺利。

在移动端,工具提示的触发器是点击,用户需要点击工具提示外部才能让工具提示消失。因此,当滚动时,工具提示不会消失。这是我们使用的 tippy.js 库实现的工具提示的默认行为。

我目前正在处理修复,并且已经有了一个可行的草稿。解决方案将在移动端滚动时隐藏工具提示。这将修复所有基于 DTooltip 的工具提示。

3 个赞

这是对主题中问题的修复:

出于某种原因,这在聊天中不起作用,我将进行调查并在后续版本中修复它。

3 个赞

在我的 iPad 上,无论是在桌面视图还是移动视图下,都出现了这个问题。在 iOS 16.6 上的 Safari、Chrome 和 Firefox 中都如此。

2 个赞

你好 @andrei

很抱歉地通知您,此 bug 仍然出现在 Discourse 论坛中(这次是另一个论坛)。

此主题中也出现了此问题……

2 个赞

看起来修复还没有合并,所以您可能需要再等一会儿才能进行测试。 :+1:

4 个赞

我们刚刚合并了修复程序,它现在位于主分支中。请记住,它只解决了主题中的问题,聊天中存在类似的问题,稍后将单独解决。

2 个赞

您好 @andrei

我看到标题发生了变化,并且在到达顶部时状态会消失。这就是修复方法吗?

1 个赞

修复使工具提示在滚动时消失。修复后,在触摸屏上,当您开始滚动时,工具提示会消失。

1 个赞

好的。谢谢你的修复!

1 个赞

大家好!
这个在另一个论坛上又出现了。
像这样的其他论坛和 Ask 会使标题褪色,但那个论坛不会。
我可以补充一点,如果你在状态仍显示时快速向上滚动,它会重叠,但标题不会足够快地做出反应来隐藏它。

  1. 标题本身不会隐藏它们
  2. 不要基于 SB 的论坛来报告错误,它几乎总是过时的。
4 个赞

与我之前报告的关于自定义状态显示在某个东西前面的另一个 bug 类似,这里是另一个 bug:


正如你所见,即使用户已滚动离开视图,状态仍然可见,并覆盖了侧边栏。

1 个赞

正如你所见,自定义状态又出现了!\n我发现它位于你可以后退或前进的栏的前面。\n这是一张方便的图片:\n

\n\n另一个自定义状态问题:\nhttps://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal\n似乎自定义状态存在问题。

1 个赞

@NateDhaliwal 感谢您报告这些问题!

请注意,更确切地说,这些问题与我们用于在整个应用程序中显示丰富工具提示的组件有关。我们使用丰富工具提示来显示状态,但我们也将其用于其他用途。因此,其他工具提示也可能出现类似问题。我上面提供的修复程序仅解决了最普遍的情况。

我们目前正在对丰富工具提示组件进行更多更改,因此此处将有更多更新。我们会处理这些问题。

5 个赞

还有一处:在聊天中:


我认为这已经提到了:

4 个赞

@j.jaffeux 对工具提示(和其他弹出窗口)进行了重大重构,详情请参阅:

作为该工作的一部分,此主题中描述的问题也已得到修复。我刚刚进行了测试,并且:

  • 聊天中的状态工具提示没有重叠
  • 打开侧边栏时工具提示会消失
  • 在移动设备上,工具提示不会出现在底部导航工具栏上方
3 个赞