Grid Editor Pop-Up Ghosting

[Reid]

I have a condition where a grid that displays normally initially persists in showing the editor for the row on the bottom of the grid after you click the edit button (the first time).  If you click the Edit button again the editor will pop up but you can still see the same editor on the page behind it on the bottom of the grid.  The context and transactional part are fine but I cannot explain why this is happening.  It renders fine with respect to popups on other grids in the solution, like 25 of them.

There is no mistake in the html structure with <divs> that might lead to something like this.

Any suggestions would be welcome.

[Reid]

I discovered what was causing this.  For some reason assigning the .selectpicker class to the Dropdowns in the editor was the culprit when done in the document ready event..  There is the class assignment in the control declaration, @class = "selectpicker show-tick form-control",   but the select picker does not work the same as the native Bootstrap class. 

 

The native Bootstrap select picker has a dropdown search text box that does incremental search.  The search in the dropdown has no drop down to edit what you are searching for and will only use the keyboard input for the first run.  The Bootstrap class and JS will filter the dropdown to what you are typing.  Is there way to make this work that way?  Is Kendo intercepting something here?

 

Thanks

[Konstantin Dikov]

Hi Reid,

I am not sure that I understand the exact scenario that you have and what is the actual issue with the Grid that you are facing. Could you please open a regular support ticket and attach a sample, runnable project replicating the behavior, so we can test and debug it locally?

Looking forward to your reply.


Regards,
Konstantin Dikov
Progress Telerik

[Reid]

If you look at this link Bootstrap SelectList and scroll to live search.  That is how it should be functioning with respect to Live Search.  Can you try to assign the selectpicker class to a dropdown in a quick demo and inititate it in the documentready() as a select picker?

Thanks

[Konstantin Dikov]

Hello Reid,

If you want to search within the drop down I would recommend the filtering mechanism of the Kendo UI DropDownList:

• https://demos.telerik.com/kendo-ui/dropdownlist/serverfiltering

You could also take a look at the following demo for using custom editors in the Grid:

• https://demos.telerik.com/kendo-ui/grid/editing-custom

Regards,
Konstantin Dikov
Progress Telerik

[Reid]

Thank you for the reply.  I am working on an issue where the grids stopped displaying data in the app (I posted above) so I cannot get to this issue until that is solved but I I do appreciate the direction.