We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Filter Issue

While filter, popupbox not visible, while typing initial char, it's visible after that it not working..
Comobobox and dropdown both controls has issue with filter.

both i tried with stackblitz

4 Replies

PO Prince Oliver Syncfusion Team May 8, 2019 04:23 PM UTC

Hello Ann, 

Greetings from Syncfusion support. 

We were able to replicate the reported issue in our end and This issue occurs in the latest version 17.1.44. We are considering this as a defect and the fix for this issue will be included in the upcoming Volume 1 SP1 release which is expected in the mid of May 2019. We appreciate your patience until then. Meanwhile, you can use the version 17.1.43 to get this issue resolved in your end. 


AF Ann Fredin May 9, 2019 06:24 AM UTC

Thanks for response.
Can you check CheckBoxSelection.onDocumentClick "contain error" in checkbox-selection.js issue too

PO Prince Oliver Syncfusion Team May 9, 2019 07:17 AM UTC

Hello Ann, 

Good day to you. 

We have checked the reported issue. This issue could occur when we miss to import and inject the CheckBoxSelection Module in the application. To use Multiselect control in checkbox mode, make sure that you have imported CheckBoxSelection module. Kindly refer to the following code snippet for importing CheckBoxSelection Module. 

//Import the CheckBoxSelection module from the dropdowns package 
import { MultiSelectComponent, CheckBoxSelection, Inject } from '@syncfusion/ej2-react-dropdowns'; 
. . . . . . . . . . . . . . . . . . . .  . . . . . . . . . .  
//Inject the module in rendering part 
render() { 
    return (<div id="multichecbox" className='control-pane'> 
        <div className='control-section col-lg-8'> 
            <div id="multigroup" className="control-styles"> 
                <MultiSelectComponent id="checkbox" ref={(scope) => { this.mulObj = scope; }} dataSource={this.countries} fields={this.checkFields} placeholder="Select countries" mode="CheckBox" showSelectAll={true} showDropDownIcon={true} filterBarPlaceholder="Search countries" popupHeight="350px"> 
                    <Inject services={[CheckBoxSelection]} /> 

We have attached an example for your reference, please find it in the following location: https://stackblitz.com/edit/react-2ymis2-f2e4jx  

To know more about Multiselect with check box mode, please refer the below documentation link. 

If the issue persists in your end, please share us sufficient code to replicate the issue or modify the above example and revert it to us. This will help us provide a prompt solution. 


PO Prince Oliver Syncfusion Team May 15, 2019 04:57 AM UTC

Hello Ann, 

We are glad to announce that our Essential Studio Volume 1 service pack, 2019 release (v17.1.0.47) is rolled out and is available for download under the following link. 

We have fixed the reported issue and it is included in the latest version. We suggest you upgrade to the latest version in your end. 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 


Live Chat Icon For mobile
Up arrow icon