Filter Issue

[Ann Fredin]

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.

Combobox -> https://6a8thz.run.stackblitz.io/

Dropdown -> https://ya1i2e.run.stackblitz.io/

both i tried with stackblitz

[Prince Oliver]

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. 

Regards, 

Prince 

[Ann Fredin]

Thanks for response.

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

[Prince Oliver]

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. 

[index.tsx] 

//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"> 

                <h4>CheckBox</h4> 

                <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]} /> 

                </MultiSelectComponent> 

            </div> 

        </div> 

    </div>); 

} 

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. 

UG Link: https://ej2.syncfusion.com/react/documentation/multi-select/checkbox/#checkbox  

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. 

Regards, 

Prince 

[Prince Oliver]

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. 

https://www.syncfusion.com/forums/144607/essential-studio-2019-volume-1-service-pack-release-v17-1-0-47-available-for-download  

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. 

Sample Link: https://stackblitz.com/edit/react-xwgagm-xbpjib  

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. 

Regards, 

Prince