title: KendoUI Autocomplete list appears on top of the textbox
body: <p>I am making my first steps with KendoUI for MVC. I have a very simple model that reads a table "Products" from the database and passes it to the view as a strongly type model. </p>
  
  <p>I am using the Model to bind it to the autocomplete to get the suggested values. This works almost fine. This is done using the following Razor syntax: </p>
  
  <pre><code>@(Html.Kendo().AutoComplete()
       .Name("productAutoComplete")
       .DataTextField("Name")
       .BindTo(Model)
       .Filter(FilterType.StartsWith)
       .Placeholder("Select the product")
       .Suggest(true)
  )
  </code></pre>
  
  <p>The problem that I have is that the dropdown list that has the suggestions for the autocomplete appears on top of the textbox itself (instead of right below it). </p>
  
  <p>Please see the image below without typing anything in the autocomplete field:</p>
  
  <p><img src="https://i.stack.imgur.com/15Ge6.jpg" alt="without typing anything in the field"></p>
  
  <p>And with the autocomplete in action:
  <img src="https://i.stack.imgur.com/yeuzD.jpg" alt="after starting to type something"></p>
  
  <p>Do you have any suggestions? </p>
  
  <p>Thanks in advance,</p>
  
  <p>Lefteris</p>