title: Kendo UI grid filters not working inside a bootstrap Modal
body: <p>I got this strange issue on Kendo UI grid. I have a grid which is filterable, but it is inside the modal. But the problem is when i Filter a column (Text column) i cannot type on the filter textbox. It is weird because in all browser it doesnt work. Here is my Example repro</p>
  
  <p><a href="http://jsfiddle.net/utqng58n/8/" rel="noreferrer">Jsfiddle Demo Here</a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;h3&gt;Modal Example&lt;/h3&gt;
      &lt;div&gt;
          &lt;a href="#myModal1" role="button" class="btn" data-toggle="modal"&gt;Launch Modal&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;!-- Modal --&gt;
      &lt;div id="myModal1" class="modal hide" tabindex="-1" role="dialog"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
              &lt;h3&gt;Kendo Not working on Modal&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div id="grid" style="height:300px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
              &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>var sharedDataSource = new kendo.data.DataSource({
      data: [
          { id: 1, value: 10, item: "Item1" },
          { id: 2, value: 12, item: "Item2" },
          { id: 3, value: 15, item: "Item3" },
          { id: 4, value: 18, item: "Item4" },
          { id: 5, value: 22, item: "Item5" },
          { id: 6, value: 11, item: "Item6" }
      ],
      schema: {
          model: {
              id: "id",
              fields: {
                  id: { type: "number", editable: false },
                  value: { type: "number" },
                  item: { type: "string" }
              }
          }
      }
  });
  
  $("#grid").kendoGrid({
      dataSource: sharedDataSource,
      autoBind: false,
      editable: true,
      filterable: true,
      toolbar: ["save", "cancel"]
  });
  
  sharedDataSource.read();
  </code></pre>