title: Slickgrid using iPad Safari not showing slider
body: <p>I have a slickgrid with 50+ rows which shows a right hand side vertical slider correctly in browsers like Firefox, Safari and Chrome. </p>
  
  <p>On the iPad which uses Safari, the slider is not visible. 
  Is there a work around to solve this problem ?</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
      &lt;title&gt;SlickGrid example 1: Basic grid&lt;/title&gt;
      &lt;link rel="stylesheet" href="../slick.grid.css" type="text/css" media="screen" charset="utf-8" /&gt;
      &lt;link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.5.custom.css" type="text/css" media="screen" charset="utf-8" /&gt;
      &lt;link rel="stylesheet" href="examples.css" type="text/css" media="screen" charset="utf-8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table width="100%"&gt;
      &lt;tr&gt;
          &lt;td valign="top" width="50%"&gt;
              &lt;div id="myGrid" style="width:600px;height:500px;"&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td valign="top"&gt;
              &lt;h2&gt;Demonstrates:&lt;/h2&gt;
              &lt;ul&gt;
                  &lt;li&gt;basic grid with minimal configuration&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;script language="JavaScript" src="../lib/jquery-1.4.3.min.js"&gt;&lt;/script&gt;
      &lt;script language="JavaScript" src="../lib/jquery.event.drag-2.0.min.js"&gt;&lt;/script&gt;
  &lt;script language="JavaScript" src="../slick.grid.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
  
      var grid;
  
      var columns = [
          {id:"title", name:"Title", field:"title"},
          {id:"duration", name:"Duration", field:"duration"}
      ];
  
      var options = {
          enableCellNavigation: false,
          enableColumnReorder: false
      };
  
      $(function() {
    var data1 = [];
          for (var i = 0; i &lt; 50; i++) {
              data1[i] = {
                  title: "Task " + i,
                  duration: "5 days"
              };
          }
  
          grid = new Slick.Grid($("#myGrid"), data1, columns, options);
      })
  
      &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>