儘管輸入得到焦點，但無法在Android移動網站的HTML輸入字段中輸入文本

Question

我正在嘗試在我的三星Galaxy Android手機隨附的默認瀏覽器中查看我的網站，但它無法正常工作。我似乎無法將文本輸入到彈出的登錄表單中。當我嘗試輸入我的用戶名時，HTML輸入變得焦點並且預測性搜索開始工作，但它不會在輸入字段中輸入任何文本。但是，我可以成功地將文本輸入到我的頁面上的其他表單輸入（這些表單不在彈出式div中）。

我猜測它與我的表單處於用戶單擊登錄按鈕時出現的絕對定位div的事實有關。

我的一些同事已經在他們的android手機上試過這個頁面，並且能夠按照他們的要求輸入文本，所以我認爲這是一個OS /瀏覽器特定的問題。我正在運行Android 2.3.3並使用隨附的默認瀏覽器。

這是登錄股利和表單輸入的CSS：

.loginPanel{z-index:2000;width:341px;border-bottom-left-radius:3px;border-bottom-right- radius:3px;background:#3DB44A;position:absolute;clear:left;margin:0 0 0  0;top:57px;display:none;padding:5px 0 0 0;} 

.loginPanel input[type=text]{width:280px;height:40px;margin:0 auto;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font:bold 12px Arial;color:#353535;padding:0 10px;} 

這裏是HTML

​​

記住

我希望這可以使用CSS修復。如果有人有解決方案/有同樣的問題，我會非常感謝你的幫助。

PS我真的希望保持登錄窗體爲一個彈出窗口，所以理想情況下，任何解決方案都會允許我這樣做。

Answer 1

我有一個類似的問題，在Android 2.2上表現出奇怪的移動網站。從記憶中，我不得不使用position: fixed而不是絕對來解決它。不知道這是否會與你的設計一起工作。