Select-kit 问题在 RTL

贡献 错误
1

在 RTL 模式下，Select-Kit 中打开的列表显示不正确。

当前布局：

+--------+
| target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

预期布局：

     +--------+
     | target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

我检查了代码，发现相关设置仅针对 LTR 模式。

并在以下位置使用：

我尝试通过添加一些 CSS 代码来解决该问题，但不幸的是，这引发了更多问题。我认为如果在页面为 RTL 时使用 placement: "bottom-end"，问题就能解决。

此外，这也导致在某些手机上打开的 popper 元素显示在屏幕外。如果需要，我可以通过私信发送一些问题截图给您。

1 个赞
3

我们能否将此更改应用于我们的社区，还是必须由 Discourse 团队来应用此更改？

4

是的，您需要等待更新，抱歉，我会尽快查看，修复应该很简单。

1 个赞
5

感谢您的回复。您认为是否可以通过 JavaScript 来更改此类内容？我们正通过主题组件注入此更改，以临时解决该问题。

6

一切皆有可能，但我不建议这样做，我稍后会查看。

1 个赞
7

在宽度超过 1711px 的桌面设备上，这个问题在话题页面底部的通知设置中很容易看到。:pray:

1 个赞
8

我已在 master 分支上针对此问题提交了修复，请告诉我是否改善了您的情况。如果没有，请确保截取屏幕截图。

5 个赞
9

由于删除了 GIF 头像，我们不得不稍作延迟更新。事实证明，该问题已完全解决。

感谢 @j.jaffeux

2 个赞