與輸入奇怪的行爲在移動的WebKit

Question

翻譯DIV中時，我已經注意到與移動的WebKit（移動Safari瀏覽器/ Android的股票瀏覽器/鉻）

當輸入是一個div內的文本輸入非常奇怪的行爲（或（例如，任何容器）（例如，具有-webkit-transform：translate3d（-100％，0px，0px）;）當輸入填充文本時，不再調整可見區域以跟隨光標。

請參閱演示在http://jsbin.com/itodip/2/

這僅僅是在移動瀏覽器可重複的！

我在使用翻譯過的div時找到的唯一解決方法是在transitionEnd上刪除轉換，但這並不理想。

任何建議和可能的解決方法？

Answer 1

我以前遇到過這個錯誤，我找到了解決方法。我所做的是將css「left」屬性設置爲高負數，然後使用「-webkit-transform」屬性將其移回到屏幕上可見的位置。出於某種原因修復它。

left: -2000px; 
-webkit-transform: matrix(1, 0, 0, 1, 2000, 0); 

下面是堆棧溢出後我就可以做一個鏈接：Scaling input boxes with -webkit-transform