Deployed: Sticky Reply Box

2020-01-21 18:06:58 +08:00
 Livid
如果需要在一个主题里 @ 回复多人,应该会感觉到很有帮助的一个更改。

不过目前发现的一个奇怪问题是,如果让 #reply-box 带上了 sticky 属性,在 Windows 上这个元素的字体渲染就会变糊。

Chrome 79 会出现字体模糊。

Firefox 72 正常。
442 次点击
所在节点    Dev
4 条回复
Livid
2020-01-21 18:10:03 +08:00
Livid
2020-01-21 18:13:13 +08:00
确认 Chrome Canary 81 里已经修复这个问题。
Livid
2020-01-22 08:34:54 +08:00
Sticky reply box 目前的行为逻辑是:

如果用户点击了回复按钮,或者是用户让文本输入框 focus,那么整个 reply box 元素就会带上 sticky 属性。目前暂时没有设计把这种属性去掉的机制。
Livid
2020-01-22 08:37:20 +08:00
如果用户只是浏览主题,没有点击任何回复按钮,也没有让回复文本输入框 focus 的话,那么就完全不会遇到 sticky 行为。

目前发现的另外一个问题是在 iOS 13 上滚动时会有闪烁,而且 focus 时有时候文本输入区域会没有位于 active viewport 内。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/639745

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX