RadAutoCompleteBox not displaying suggestions when used in modal

[M]

I'm evaluating the Telerik's Ajax UI controls, and I'm running into an issue with the RadAutoCompleteBox control. If I use this control outside a modal, then the suggestions get displayed. However, if I use this control inside a Bootstrap modal then the suggestions don't show up. 

Please see attached files. The ID for the modal in which I'm trying to use the Autocomplete box is: "panPN". The ID of the RadAutoCompleteBox that is working outside the modal is: "acRadBox"

Thanks,

Maria

[Rumen]

Hi Maria,

Most likely the z-index of the Bootstrap modal popup is higher than the one of RadAutoCompleteBox dropdown which by default is 7000. 

You can increase the z-index of the RadAutoCompleteBox dropdown to fix the issue via the following class:

 

.racSlide
{
    z-index: 123456 !important;
}

or decrease the z-index of the Bootstrap modal.

Best regards,
Rumen
Progress Telerik

[M]

That worked. Thanks!