CODEWITHSUNDEEP
csskendo-gridkendo-autocomplete
jfiggins
jfiggins

Reputation: 129

Kendo AutoComplete covering Grid with white box

I have a Kendo Grid displaying fees, and above that I have an AutoComplete to allow the ability to search based on user. The problem with this is that the AutoComplete is covering part of the grid. Here is what it looks like:

Issue

This is the css: 

#searchPanel {
    margin-bottom: 10px;
    display: inline-block;
    float: right;
}

#searchPanel .editor-field {
    float: right;
    margin: 0 0.5em 0 0;
    padding-bottom: 15px;
}

#searchPanel .editor-label {
    float: left;
    padding-right: 7px;
}

I have tried using position and z-index to get rid of the white box but it still is showing up over the grid. It seems to be an issue with just the autocomplete box and not the label. The autocomplete box has class .editor-field and the label has class .editor-label, and they are both wrapped in the searchPanel div.

Upvotes: 0

Views: 53

Answers (0)

Related Questions