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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Filter Issue

Thread ID:

Created:

Updated:

Platform:

Replies:

144468 May 8,2019 04:40 AM UTC May 15,2019 04:57 AM UTC React - EJ 2 4
loading
Tags: ComboBox
Ann Fredin
Asked On May 8, 2019 04:40 AM UTC

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

Prince Oliver [Syncfusion]
Replied On 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. 

Regards, 
Prince 


Ann Fredin
Replied On May 9, 2019 06:24 AM UTC

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

Prince Oliver [Syncfusion]
Replied On 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. 

[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. 

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 [Syncfusion]
Replied On 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. 

Regards, 
Prince 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon