title: Problems with css styles and js events with PhoneGap
body: <p>The point is that my app looks cool in Firefox and Google Chrome.
  But when I get the app compiled with PhoneGap, in my Android device it looks like "What happened with my CSS3 code and some JS events?". I can list the features not reflected in my PhoneGap app that are reflected in Firefox and Chrome browsers:</p>
  
  <blockquote>
    <ul>
    <li>box-shadow </li>
    <li>text-shadow</li>
    <li>border-radius</li>
    <li>flex and flex-*, justify-content, align-items (and flex-related stuff, in general)</li>
    <li>transitions</li>
    </ul>
  </blockquote>
  
  <p>And about JS, it is curious, because some events are fired, but others not.
  Concretely, I use DOM manipulation via JS to deploy (manually-coded) dialogs (I mean, not alert, prompt or confirm functions), and when the dialog-button is pressed, the dialog itself disappears (also manually-coded). All OK in FF and Chrome, but with PhoneGap, the dialog is displayed but it is not removed when the dialog-button gets clicked. </p>
  
  <p>I am not using any native functions, I am not using PhoneGap native features for JS, just pure web-client-side-JS. But anyway, I am using the event:</p>
  
  <pre><code>document.addEventListener("deviceready", myJSCode); //But it does not work...
  </code></pre>
  
  <p>Could anyone help me in this issue? I do not know what I can do, or where to find answers for this. Thank you a lot. If code is needed, just ask for it (it is a small tic-tac-toe game app, but I wanted to do it with PhoneGap... I still hope it was the right choice!)</p>