When placing two controls on a page - the filtering box in the second is not styled

[Cosmin Budac]

I have 2 DropDown Tree controls - one under the other. They have filtering, select all and checkbox activated.

If I open one of them, the second to be opened looses the styles for the filter box.

<div class="control-section">

<div class="content" style="width: 280px;margin: 0 auto; padding-top:15px">

<ejs-dropdowntree

id="filter"

[fields]="fields"

[filterBarPlaceholder]="filterPlaceholder"

[popupHeight]="height"

[allowFiltering]="true"

[placeholder]="watermark"

></ejs-dropdowntree>

</div>

<div class="content" style="width: 280px;margin: 0 auto; padding-top:15px">

<ejs-dropdowntree

id="filter"

[fields]="fields"

[filterBarPlaceholder]="filterPlaceholder"

[popupHeight]="height"

[allowFiltering]="true"

[placeholder]="watermark"

></ejs-dropdowntree>

</div>

</div>



https://angular-hxdtir.stackblitz.io

[Indhumathy Loganathan]

Hi Cosmin,

Greetings from Syncfusion support.

We have validated the reported issue in the Dropdown Tree component. The reported issue occurs due to the same id value being mapped for both the Dropdown Tree components. To resolve it, set a unique id value for each Dropdown Tree component. Check the below code snippet.

<ejs-dropdowntree

  #sample

  id="default"

  [changeOnBlur]="false"

  (change)="onChange($event)"

  [fields]="fields"

  popupHeight="220px"

  [allowFiltering]="true"

  placeholder="Select a folder or file"

></ejs-dropdowntree>

<ejs-dropdowntree

  #sample

  id="defaultone"

  [changeOnBlur]="false"

  (change)="onChange($event)"

  [fields]="fields"

  popupHeight="220px"

  [allowFiltering]="true"

  placeholder="Select a folder or file"

></ejs-dropdowntree>

Sample: https://stackblitz.com/edit/angular-fzzmhe?file=app.component.html,app.component.ts

Please check the sample and get back to us if you need any further assistance.

Regards,

Indhumathy L

[Cosmin Budac]

Thanks,

This workaround seems to solve this issue.

[Indhumathy Loganathan]

Hi Cosmin,

We are glad that your query has been resolved. Please get back to us if you need any further assistance.

Regards,

Indhumathy L