在多个浏览器上复现的 css3 坐标计算 bug 要向哪里报?

2016-10-02 10:45:13 +08:00
 yangff

目前在最新的 chrome (Android 、 Windows )、手机上自带的 WebKit 上都有概率复现这个问题, Firefox 没试过。

大概的流程是一个 CSS 动画里面包含一个输入框,给外层容器加一个动画,同时给输入框焦点,动画结束的坐标不一定能被正确计算。

还有一些其他条件,不过都是细节问题。我之后可以做个demo

然后乱搞一下坐标就对了。或者比如开发者工具重新指定一个坐标(删掉 left:0 再加上之类的)

2804 次点击
所在节点    CSS
6 条回复
learnshare
2016-10-02 11:28:38 +08:00
私以为输入框之类的控件不适合做动画,自己绘制的图形做动画比较好。

可以每家浏览器报一下
yangff
2016-10-02 11:47:03 +08:00
@learnshare 页面 slide in 的效果,不是输入框的动画
xxxyyy
2016-10-02 11:57:57 +08:00
给个 demo 来看下
yangff
2016-10-02 14:12:55 +08:00
@xxxyyy https://gist.github.com/Yangff/7f1f5a38ea30381eb6cf82c7b13efc31

原理上大概是这样的
1. CSS3 动画
2. 动态 DOM 修改
3. input 的 focus
yangff
2016-10-02 14:14:04 +08:00
解决方案的话,把 focus 丢在 nextick 之类的( settimeout )或者别的怎么搞一下都可以……
xxxyyy
2016-10-02 14:38:37 +08:00
@yangff 我用 Firefox 试了下,发现没这个问题。

报 bug ,你可以去 bugs.chromium.org 上报。

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

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

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

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

© 2021 V2EX