輸入類型爲「text」的iOS包

我創建了一個Web表單，其中包含一個類型爲「text」的自定義輸入字段。輸入類型爲「text」的iOS包

CSS看起來像

input { 
height: 39px; 
font-size: 14px; 
color: #fff; 
background: #000000 url(../img/search-bg-white.png) no-repeat 95% center; 
border: none; 
padding: 0 50px 0 10px; 
width: 100%; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
-webkit-border-radius: 0; 
-moz-border-radius: 0; 
border-radius: 0; 
}

當我在iPhone 6的所有元素都desapiare exluding表單元素在其上敲擊而不該輸入

，結果是http://gyazo.com/790da935bbfc946420cd37a24b2302db，我不知道該怎麼辦

來源

2015-02-10 festevall

我見過很多消失的元素，奇怪的滾動行爲和鍵盤問題發生在各種iOS 8+ webview應用程序上。這個問題似乎與在可滾動元素中嵌入輸入有關，或與可滾動元素和頁面上的其他元素的組合相關 - 我無法將其隔離。（我看到的行爲並不總是出現在帶有輸入的頁面上，所以@Josh Crozier的回答將在我的案例中100％的時間內工作。）

我發現的解決方案是等到頁面被渲染，然後調整滾動元素的z-index，我假設這是迫使渲染引擎重新繪製圖層。

要測試它是否適用於您，請嘗試通過USB將iPhone 6上的頁面加載到與開發人員Mac相連的iPhone上，然後在Safari中檢查頁面。在您點擊輸入字段之前，使用Safari開發工具來調整父可滾動容器的z-index（如果不存在，則添加z-index）。然後點擊該字段，看看是否仍然是一個問題。如果問題沒有發生，您必須附加一些JavaScript到您的頁面，以在頁面渲染後強制對頁面進行重繪/重新佈局/ reswizzle。

祝你好運。：\

來源

2015-02-10 18:01:48 Palpatim

Thx爲您的答案。不僅輸入元素消失，所有DOM元素都不包含表單輸入。而我沒有Mac） – festevall 2015-02-10 18:12:50

我找到了這個錯誤的解決方案。我把身體元素CSS屬性-webkit溢出滾動：觸摸，當我刪除它 - 一切正常。

來源

2015-02-23 08:10:15 festevall

輸入類型爲「text」的iOS包

回答

相關問題