Skip to content

[Search] Add debounce for searching data and fetch an endpoint #2766

@fransdeboer

Description

@fransdeboer

Provide a general summary of the issue here

Is it possible to add an event with debounce to search for data when the debounce timer expires? The use case when data is retrieved from an API and you do not want to call the api after each key stroke.

We use now the sl-change event and implement our own debounce method, but this solution leads to unexpected behavoir when clearing the input.

<sl-search-field @sl-clear=${this.#onClear} @sl-change=${this.debounceSearch}></sl-search-field>

🤔 Expected Behavior?

😯 Current Behavior

💁 Possible Solution

please add an debounce event

🖥️ Steps to Reproduce

What browsers are you seeing the problem on? (only for bugs in code)

Chrome

If other, please specify.

No response

What operating system are you using?

WSL

👤 Your name

Frans de Boer

🧢 Your product/team

Magister

🎨 Your Theme(s)

Magister

Metadata

Metadata

Assignees

Type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions