How to control the positioning of the KendoUI dropdown and prevent it from overlapping the input textbox?
I saw one strange thing that I cannot solve, and it has to do with the fact that on my site the dropdown part of the combo box and / or dropdown is overlapping / hiding the text entry. Is there anyone who faced the same issue and if so how was it solved?
<UPDATE:>
A link to the page showing the overlap can be found here kendotest.azurewebsites.com
</ & UPDATE GT;
Illustration of the problem in 3 pictures ...
This is what it looks like on the KendoUI demo site - correct behavior
And here the behavior on my site is erroneous overlap
+3
source to share
1 answer
I found the answer
The default MVC template has the following body entry in site.css:
body
{
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}
enter code here
When I remove the border-top line the dropdown starts working as it should
+1
source to share