title: modal not hiding in ipad
body: <p>I have a problem with a modal that won't hide in an ipad device, but works perfectly fine in a pc browser. So I ask for your help.</p>
  
  <p>php</p>
  
  <pre><code>    &lt;div class="modal" id="modal_search"&gt;
        &lt;form action="search.php" method="post" class="formSearch"&gt;
          &lt;input type="text" name="search" class="inputSearch" placeholder="Search....."&gt;
          &lt;button type="submit" class="botonSearch"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var modalSearch = document.getElementById('modal_search');
  
  var botonModalSearch = document.getElementById('btn-search');
  
  botonModalSearch.addEventListener('click', showmodal);
  
  window.addEventListener('click', clickclose);
  
  function showmodal(){
      modal_search.style.display = 'block';
  }
  
  function clickclose(e){
     if (e.target == modalSearch ) {
     modalSearch.style.display = 'none';
     }
  }
  </code></pre>