This is a migrated thread and some comments may be shown as answers.

MVC4 Autocomplete suggestions overlapping input box

3 Answers 161 Views
AutoComplete
This is a migrated thread and some comments may be shown as answers.
Rhodri
Top achievements
Rank 1
Rhodri asked on 20 Feb 2014, 04:36 PM
I have an issue with Autocompletes whereby the suggestions drop-down box partially obscures the input box. This seems to only be an issue on MVC4 projects, when running the exact same code on an MVC3 project the display is fine. The attached image shows what's happening.

I have the latest version of kendo CSS and js files referenced within the project.

Can you let me know which part of the CSS needs to be tweaked in order to rectify this issue?

Thanks

3 Answers, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 24 Feb 2014, 01:46 PM
Hello Rhodri,

Please demonstrate your case with a small sample project since we are not aware of such overlapping issue. Thus we could run and investigate on the case.

Kind Regards,
Petur Subev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Rhodri
Top achievements
Rank 1
answered on 25 Feb 2014, 04:45 PM
Hi, I tracked it down to this line in my CSS:

body {
    border-top: 5px solid #53565A;
}

In MVC3 the kendo autocomplete wasn't affected by this line, however in MVC4 it must assume the top of the page is 5px higher than it actually is which therefore causes the overlap.
0
Rick
Top achievements
Rank 1
answered on 15 Jul 2014, 06:49 AM
Rhodri,
Thanks for the information.  I had the same issue, removing the top border cleared up the positioning issue for me as well.  You save me hours of frustration.

Thanks!
Tags
AutoComplete
Asked by
Rhodri
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Rhodri
Top achievements
Rank 1
Rick
Top achievements
Rank 1
Share this question
or