title: jquerymobile slide animation increases window width
body: <p>I am trying to accomplish a simple slide in popup animation in jquery mobile.  I tested this on the desktop browser (chrome and firefox) and works fine.  But in mobile i get the following results on pressing the button:<br>
  The popup comes in fine but creates a white space to the right of the screen which is visible if  the user slides to the right. Dismissing the popup removes this white space.  This only happens if the popup is triggered using "slide" transition.  Does anyone know the reason for this behavior.</p>
  
  <p><img src="https://i.stack.imgur.com/i4I6z.png" alt="Popup after pressing button"><br>
  <img src="https://i.stack.imgur.com/sMOJt.png" alt="white space due to slide transition"></p>
  
  <p>I can manually resize the window but I am not sure what event fires after the popup is done sliding in.  </p>
  
  <p><strike>(I had images to show this but I don't have 10 rep so I cannot post them :( )</strike></p>
  
  <p>Does anyone know why this is happening. I am testing with Droid Razr Maxx (running Jelly Bean). I have tested with chrome, firefox and the default browser on the device.  They all produce the same result.  Here is my code:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
   &lt;html ng-app&gt;
     &lt;head lang="en"&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
     &lt;body&gt;
       &lt;div data-role="page"&gt;
        &lt;a href="#pop" data-role="button" data-rel="popup" data-transition="slide"&gt;Pop Up&lt;/a&gt;
        &lt;div data-role="popup" id="pop" data-overlay-theme="a"&gt;
         &lt;p&gt;Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup&lt;/p&gt;
        &lt;/div&gt;
       &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>