Mobile 在移动webkit上的翻译div中输入时出现奇怪行为

Mobile 在移动webkit上的翻译div中输入时出现奇怪行为,mobile,input,webkit,css-transforms,Mobile,Input,Webkit,Css Transforms,我注意到在移动webkit(mobilesafari/androidstockbrowser/chrome)上输入文本时出现了一种非常奇怪的行为 当输入位于已转换的div(或任何容器)内时(例如-webkit transform:translate3d(-100%,0px,0px);当输入充满文本时,将不再调整可见区域以跟随光标 请在上观看演示 这只能在移动浏览器中重现 在使用已转换的div时,我发现唯一的解决方法是删除transitionEnd上的转换,但这并不理想 有什么建议和可能的解决办法

我注意到在移动webkit(mobilesafari/androidstockbrowser/chrome)上输入文本时出现了一种非常奇怪的行为

当输入位于已转换的div(或任何容器)内时(例如-webkit transform:translate3d(-100%,0px,0px);当输入充满文本时,将不再调整可见区域以跟随光标

请在上观看演示

这只能在移动浏览器中重现

在使用已转换的div时,我发现唯一的解决方法是删除transitionEnd上的转换,但这并不理想


有什么建议和可能的解决办法吗?

我以前遇到过这个错误,我确实找到了解决办法。我所做的是将css“left”属性设置为高负数,然后使用“-webkit transform”属性将其移回屏幕上可见的位置。因为某种原因,它修复了它

left: -2000px;
-webkit-transform: matrix(1, 0, 0, 1, 2000, 0);
下面是我在上面写的堆栈溢出帖子的链接: