iPhoneのWebアプリケーション入力フィールド：絶対コンテナ

Question

iPhone用のグループチャットを作成しました。それは次のようになります

#message-input { 
background: white; 
clear: both; 
position: absolute; 
margin: 0; 
width: 100%; 
bottom: 0; 
right: 0; 
padding-right: 0; 
} 

：それはで位置様々な要素により、完全なビューポートを使用しています

しかし、キーボードは、すべてのシフトをポップし、灰色の領域は、以下の表示されたとき：

を

この灰色領域の高さは、駅の高さですtusbarとDebug Consoleの高さを合わせて（Debug Consoleなしではステータスバーの高さにすぎません）

なぜこのグレーの領域が挿入されるのですか？どのように避けることができますか？

Answer 1

#message-input:focus { 
margin-bottom: -XXXpx; 
} 

ここで、XXXは問題のあるグレー領域の高さです。それのための速い修正かもしれない...