Ho uno strano problema nella mia app Android basata su PhoneGap. Su alcune schermate, la chiave numero 9 viene completamente ignorata. Questo accade su tutti i miei dispositivi Android 2.X. Ho provato con le versioni precedenti di PG e ho trovato che il problema si è verificato per la prima volta nella v1.2.PhoneGap per Android non accetta il tasto 9
Ecco il codice per un file index.html di esempio che dovrebbe riprodurre il problema. Sia su Android 2.2 che su 2.3, le caselle di testo etichettate come "interrotte" non accettano il numero 9 come input.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
body
{
margin:0;
padding:0;
font-size:20px;
}
input
{
height:20px;
}
#container_second
{
overflow:hidden;
position:relative;
width:100%;
height:150px;
}
#container_second div
{
left: -2000px;
position: absolute;
-webkit-transform: matrix(1, 0, 0, 1, 2000, 0);
}
</style>
</head>
<body>
<br />
<div id="container_first">
<div>
Working Text: <br /><input type="text" /><br /><br />
Working Tel: <br /><input type="tel" />
</div>
</div>
<br /><br />
<div id="container_second">
<div>
Broken Text: <br /><input type="text" /><br /><br />
Broken Tel: <br /><input type="tel" />
</div>
</div>
</body>
</html>
sembra che la combinazione del css stia causando qualche problema. se rimuovi tutto il css sopra o semplicemente "overflow: hidden" allora funziona come previsto – dhaval
Sì, ma il css è lì come un modo per riprodurre il problema. –
Sembra che ci siano diversi modi per causare questo problema. L'utilizzo di questo particolare CSS è solo un modo. L'ho incluso esattamente così nella speranza che possa aiutare qualcuno a familiarizzare con il codice sorgente di PhoneGap per diagnosticare il problema. – jmsgofish