Configuring ngx-bootstrap-multiselect for Large Data Sets

[brayanesc]

I am trying to use the component for more than 6000 items. However, I am encountering an issue where the dropdown displays "type in search box to see results..." but neither the options nor the search box is rendered.

settings: IMultiSelectSettings = {
    enableSearch: true,
    showCheckAll: true,
    showUncheckAll: true,
    searchRenderLimit: 100,
    searchRenderAfter: 1,
    searchMaxLimit: 500,
    searchMaxRenderedItems: 20,
};

Steps to Reproduce

1. Configure the ngx-bootstrap-multiselect component with the above settings.

2. Add more than 6000 items to the multiselect options.

3. Open the dropdown.

Expected Behavior

• The search box and options should be rendered, and the search functionality should work as configured.

Actual Behavior

• The dropdown displays "type in search box to see results..." but neither the options nor the search box is rendered.

Additional Information

• I have tried this configuration on the demo project.
• Any assistance or recommendations to resolve this issue would be greatly appreciated.

[beage666]

Ok

[rezaeghbal01]

0x8D512e0D7B876C18137e4661B7A0B1aA0A67170F