Dropdown list not aligned with the dropdown

[Unikan]

The list of the dropdown is not aligned with the dropdown itself as you can see in the picture, we are using blazer syncfusion with bootstrap CSS. We think that the problem is present when we use a dropdown inside a bootstrap column. If you could please resolve this issue or help us fix this issue.

Attachment: ScreenshotSync_f91c3272.rar

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hi Uni,

Greetings from Syncfusion support.

We have checked your query. We tried to replicate the reported issue by rendering dropdownlist inside bootstrap columns. Unfortunately, we could not replicate the issue. Here we attached the ensured sample. Kindly share the below details to validate further.

Sample Link       : https://www.syncfusion.com/downloads/support/forum/157440/ze/Dropdownlist_bootstrap_column1822452182 

1. Whether dropdownlist is used inside grid.
2. Any custom css used or override any css.
3. If possible share the issue replicating sample or replicate the reported issue in the attached sample.

Above details would help us to analyze the issue further and provide you a better solution at the earliest.

 

<div class="row"> 

    <div class="col-lg-12"> 

        <SfDropDownList ID="mydropdown" TValue="string" TItem="Countries" Placeholder="e.g. Australia" DataSource="@Country"> 

            <DropDownListFieldSettings Text="Name" Value="Code"></DropDownListFieldSettings> 

        </SfDropDownList> 

    </div> 

</div> 

Screenshot:


 

 

Regards, 

Jeyanth.