在Chrome和Safari中點擊輸入字段後出現奇怪的行爲

我有一個奇怪的問題。當用戶點擊輸入字段或選擇頁面的內容向左移動時。我不知道爲什麼。這隻發生在webkit瀏覽器中。在Chrome和Safari中點擊輸入字段後出現奇怪的行爲

本頁使用webkit轉換，也許有什麼問題嗎？

你可以在這裏進行測試 http://zapmama.be/home/dev#/ontour

我希望你能幫助我。非常感謝！

文森特

來源

2012-02-22 Vinzcent

要重現，請單擊SELECT，然後單擊任何INPUT。 – 2012-02-22 11:15:43

現在我每次發生這種情況時都會通過改變JS的位置來「掩蓋」行爲。你仍然可以看到它移動一點。 – Vinzcent 2012-02-22 13:06:07

以及你有以下這些錯誤

Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/DSopUVEhG8Y. Domains, protocols and ports must match. 
Unsafe JavaScript attempt to access frame with URL http://www.zapmama.be/home/dev#/ontour from frame with URL http://www.youtube.com/embed/mMhSIqE-pBA. Domains, protocols and ports must match.

和weired行爲的原因是這樣的警告消息：

2event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

，你會發現更多的有關此問題的解決方案here,here和here

來源

2012-02-22 11:29:32 Shabib

我相信你已經使用Web Inspector/Chrome Developer Tools來檢查這個。這些消息與破壞的佈局無關（layerX/layerY處理Web Inspector檢查「事件」對象的方式）。 – 2012-02-22 13:08:32

我遇到過這種情況，行爲非常相似。即使錯誤是由輸入焦點觸發的，問題也是由完全獨立的元素引起的。

因此，打開它發生的頁面，複製問題，然後打開檢查器。然後瀏覽頁面上的兄弟和其他組件，將它們設置爲'display：none'。當問題組件被隱藏時，問題將解決它自己。該組件是您需要更改的組件。

在我的情況下，我使用'left：50％'作爲居中的一部分，並將其改爲另一種方法。

恕我直言，你應該避免混合左/頂與translate3d。

來源

2012-07-16 04:57:17 JL235

在Chrome和Safari中點擊輸入字段後出現奇怪的行爲

回答

相關問題