title: PhoneGap - Keyboard makes the screen go black and flickery for some time on Samsung Galaxy Tab 10.1
body: <p>I am developing mobile apps using HTML5 &amp; CSS3 using PhoneGap. My problem is that whenever I touch a textbox on my webpage running on the Samsung Galaxy Tab 10.1 (Android v3.1), it shows the keyboard but the page goes black for a fraction of second. At times, it flickers for a while showing black background and then restores itself.</p>
  
  <p>I even tried with a simple page with a single <code>input type="text"</code> and it even happens with the same.</p>
  
  <p>Anybody faced a similar issue and have had a fix for it?</p>
  
  <p>Any help is much appreciated.</p>
  
  <p>Thanks.</p>
  
  <p><strong>UPDATE 1:</strong></p>
  
  <p>As I said above, the black flickering even happens with the app containing a simple page with a single text box. Following is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; Flickering Problem &lt;/title&gt;
          &lt;style&gt;
              html, body{
                  -webkit-backface-visibility: hidden;
                  overflow: hidden;
                  -webkit-transform: translate3d(0,0,0); 
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;input type="text" width="200px" height="100px" /&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tested this on my Android tablet, and the flickering was as with a full fledged web page.
  I tried adding certain CSS attributes suggested here on SO for similar problem which claimed to solve, but did actually help.</p>
  
  <p>It is worth noting that the black flickering is happening whenever we try to enter any text in the textbox, and I am currently not doing any animation(s) / transitions using CSS3.</p>