title: Set the menu over div (z-index)
body: <p>I have example page to describe my problem: <a href="https://www.suale.it/Shelter/app/app/index.html" rel="nofollow noreferrer">https://www.suale.it/Shelter/app/app/index.html</a><br>
  if you try to open the menu, and try to click between "list" and "new ads", you will click over the dropdown search menu<br></p>
  
  <p>As you can see, i've set the z-index to 1 for the menu, and 0 for the search DIV, but i didnt resolve the problem
  here my result:<br><a href="https://i.stack.imgur.com/tbveO.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tbveO.jpg" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("div[data-role='panel']").panel().enhanceWithin();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  
  
  &lt;link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /&gt;
      &lt;script src="https://code.jquery.com/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
  
  
  
    &lt;body&gt;
  
      &lt;!--   &lt;input type=button onclick="clickButton()" value="prova"&gt;--&gt;
  
      &lt;div role="main" class="ui-content"&gt;
  
  
    &lt;div  id="menuPanel"   class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-bars ui-btn-icon-left ui-btn-b" &gt;
              &lt;h4&gt;Menu&lt;/h4&gt;
              &lt;ul data-role="listview"&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #FFFFFF" &gt;List&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #FFFFFF" &gt;New Ads&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #FFFFFF" &gt;Register&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #FFFFFF" &gt;Login&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#" style="color: #FFFFFF" &gt;Your Ads&lt;/a&gt;&lt;/li&gt;
                   &lt;li&gt;&lt;a href="#"  onclick='Website2APK.rateUs();'&gt;Rate us&lt;/a&gt;&lt;/li&gt;               
              &lt;/ul&gt;
              &lt;p&gt;&lt;/p&gt;
              &lt;img src="img/head2.jpg" /&gt;
          &lt;/div&gt; 
          
          
          
          
          
                 &lt;div id="divFilter"  &gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;b&gt;Category&lt;/b&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;b&gt;Type&lt;/b&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;b&gt;Distance Km&lt;/b&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;select id="cbbSearchCategory" onchange="ScaricadatiEavvia();"&gt;&lt;/select&gt;&lt;/td&gt;&lt;!----&gt;
                          &lt;td&gt;
                              &lt;select id="cbbSearchType" onchange="ScaricadatiEavvia();"&gt;&lt;/select&gt;&lt;/td&gt;&lt;!----&gt;
                           &lt;!-- &lt;td&gt;
                            &lt;select id="cbbSearchRace" onchange="ScaricadatiEavvia();"&gt;
                                  &lt;option value=""&gt;&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;--&gt;
                          &lt;td&gt;
                              &lt;select id="cbbSearchKM" class="form-control" onchange="ScaricadatiEavvia();"&gt;
                                &lt;!-- &lt;option value=""&gt;&lt;/option&gt;  &lt;option value=""&gt;&lt;/option&gt;
                                  &lt;option value="20"&gt;20&lt;/option&gt;--&gt;
                                  &lt;option value="5"&gt;5&lt;/option&gt;
                                  &lt;option value="10"&gt;10&lt;/option&gt;                               
                                  &lt;option value="20"&gt;20&lt;/option&gt;
                                  &lt;option value="40"&gt;40&lt;/option&gt;
                                  &lt;option value="100"&gt;100&lt;/option&gt;
                                  &lt;option value="500"&gt;500&lt;/option&gt;
                                  &lt;option value="" selected&gt;2000&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;
                            &lt;!-- &lt;td&gt;
                                  &lt;input type="button" id="btn2"  onclick="ScaricadatiEavvia();" value="Filter"/&gt;--&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;      
                &lt;/body&gt;
              
              </code></pre>
  </div>
  </div>
  </p>