ASP NET MVC 5 Project with Syncfusion and Bootstrap 4

[Tommy Mailhot]

Hi,

Actualy, I'm trying to use Syncfusion EJ2 with my ASP.Net MVC 5 project and bootstrap 4.

When I use a ComboBox in a page, if I put control deep in my div hierarchy with bootstrap css class, on runtime, if I click on dropdown icon, the list is never displayed but I can see the content when I inspect the page.

If I put the same combo box in "empty" page, combobox work well.

How can I  resolve this problem?

[Keerthana Rajendran]

Hi Tommy,   

   

Thank you for contacting Syncfusion Support.   

   

We have checked the reported issue by rendering ComboBox with local data inside simple bootstrap 4 classes. Please refer to the below code.    

   

<div class="container">   

    <div class="row">   

        <div class="col-sm-4">   

            <h3>ComboBox</h3>             

        </div>   

        <div class="col-sm-4">   

            @Html.EJS().ComboBox("games").Width("300px").Placeholder("Select a game").PopupHeight("230px").DataSource(@ViewBag.data).Render()   

        </div>   

           

    </div>   

</div>   

   

   

ComboBox is rendered fine at our end with popup as shown below.   

   

   

   

   

We have attached a sample for your reference which can be downloaded from the following link:   

   

http://www.syncfusion.com/downloads/support/forum/136634/ze/ComboBox-1820132880   

   

We suspect that the popup may be hidden due to zindex property. We suggest you to add higher zindex value for ComboBox using zindexproperty in your sample and ensure at your end. If issue persists, kindly revert by modifying the above sample along with product version details to reproduce the issue in our end so that we can proceed further.   

         

Regards,      

Keerthana.    

 

[Tommy Mailhot]

Thank you for the fast answer,

I did several more tests and I see that everything works fine unless I put the ComboBox in a modal window. At this point, even if I put a very high value in the z-index, the selection list never appears.

[Tommy Mailhot]

I don't know why but when I re-tested to set z-index on combobox, It's working fine!

[Keerthana Rajendran]

Hi Tommy,    

 

Thanks for the update. We are glad to hear that your issue has been resolved. Please get back to us if your require any further assistance on this. We will be happy to assist you. 

 

Regards, 

Keerthana.