title: jQuery Mobile Panel Should Not Close On Swipe Left
body: <p>I have a simple jQuery mobile page that has a sidebar panel that opens on the left once a button in the head element is clicked. This works correctly. The problem is that I have a form in the sidebar panel that contains a range slider, and when you move the rangeslider to the left, the panel closes. Any idea on how to prevent this.</p>
  
  <p>I have tried: <code>data-swipe-close="false"</code> ( found  <a href="http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/">here</a>)</p>
  
  <p>and just to be safe also: <code>data-dismissible="false"</code> from the same link above.</p>
  
  <p>My HTML is below. The content of the sidebar panel is generated on pageload and display correctly, and the form submits correctly:</p>
  
  <pre><code>        &lt;div data-role="page" data-type="page" id="select"&gt;         
          &lt;div data-role="panel" data-theme="g" id="sidebar" data-display="overlay" data-position-fixed="true" data-swipe-close="false" data-dismissible="false"&gt;
              &lt;div id='sidebarview' data-theme='g' data-role="collapsible-set" data-inset="false" data-mini="false"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="header" data-theme="h" data-role="header" data-position="fixed"&gt;
              &lt;h3&gt;MOBILE&lt;/h3&gt;
              &lt;a id='sidebarbutton' data-role="button" data-theme="h" href="#sidebar" class="ui-btn-left"  data-icon="bars" data-iconpos="notext"&gt;&lt;/a&gt;
              &lt;a id='gpsButton' data-role="button" data-theme="h" href="javascript:void(0);" class="ui-btn-right"&gt;GPS&lt;/a&gt;
          &lt;/div&gt;
          &lt;div id="content-dataview" data-role="content"&gt;
          &lt;/div&gt;
          &lt;div data-role="footer" data-id="footer" data-position="fixed" data-theme="h"&gt;
              &lt;div data-role="navbar" data-theme="h"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a onclick='user.logout();' href='javascript:void(0)'&gt;Logout&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any Ideas?</p>