title: Jquery Mobile Allow Same Page Transition - with Popup
body: <p>I have configuration to allow same page transition in my JQuery Mobile web app.</p>
  
  <pre><code>$(document).on('pageinit', function(){
      $.mobile.changePage.defaults.allowSamePageTransition = true;
  });
  </code></pre>
  
  <p>It produces problem with my drop down/ popup menu.</p>
  
  <pre><code>&lt;a href="#page1" data-rel="popup" data-icon="grid" data-iconpos="notext"&gt;Option&lt;/a&gt;
  
  &lt;div data-role="popup" id="page1"&gt;
      &lt;ul data-role="listview" data-inset="true" data-theme="a"&gt;
          &lt;li&gt;&lt;a data-rel="dialog" href="#dialog1"&gt;Dialog 1&lt;/a&gt;&lt;/li&gt;
          ...
      &lt;/ul&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>The problem is that clicking outside the popup will make the page blank. Removing the config <code>$.mobile.changePage.defaults.allowSamePageTransition = true;</code> solved the problem but I want to allow same page transition in my JQM web-app.</p>
  
  <p>How to fix it?</p>