You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently, the Dropdown component in PrimeReact lacks a delay property, which would be helpful when the filter property is enabled. This feature is particularly useful to prevent unnecessary executions of the filtering logic during rapid typing, optimizing performance for large datasets or applications making frequent API requests.
Use the Dropdown component with the filter property enabled.
Type quickly in the input field.
Observe that there is no way to add a delay to control the frequency of the filtering logic execution.
Expected behavior
When the filter property is enabled, the component should allow configuring a delay, similar to other filterable components in PrimeReact, such as the DataTable.
Current Behavior:
There is no support for a delay property, resulting in the immediate execution of the filtering logic with every typing event.
Proposed Solution:
Add an optional delay property to the Dropdown component.
Type: number
Description: Specifies the delay time in milliseconds before executing the filter logic after a typing event.
Default Value: 0 (current behavior, no delay).
melloware
added
Type: Enhancement
Issue contains an enhancement related to a specific component. Additional functionality has been add
and removed
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
labels
Jan 2, 2025
melloware
changed the title
Dropdown: Add filterDelay property to the Dropdown.
Dropdown/MultiSelect: Add filterDelay property for debounce
Jan 2, 2025
Describe the bug
Currently, the Dropdown component in PrimeReact lacks a delay property, which would be helpful when the filter property is enabled. This feature is particularly useful to prevent unnecessary executions of the filtering logic during rapid typing, optimizing performance for large datasets or applications making frequent API requests.
Reproducer
No response
System Information
Steps to reproduce the behavior
Steps to Reproduce:
Expected behavior
When the filter property is enabled, the component should allow configuring a delay, similar to other filterable components in PrimeReact, such as the DataTable.
Current Behavior:
There is no support for a delay property, resulting in the immediate execution of the filtering logic with every typing event.
Proposed Solution:
Add an optional delay property to the Dropdown component.
Type: number
Description: Specifies the delay time in milliseconds before executing the filter logic after a typing event.
Default Value: 0 (current behavior, no delay).
<Dropdown
value={selectedValue}
options={options}
filter
delay={300}
onChange={(e) => setSelectedValue(e.value)}
/>
The text was updated successfully, but these errors were encountered: