(fix) missing search event

[jameslieu]

Hello,

I was getting a TypeScript error when listening to the "search" DOM event. This event is triggered when you click the "X" that appears in an input type=search field.

Here is an article about the "X" or clear button for more context: https://www.freecodecamp.org/news/targeting-click-of-clear-button-x-on-input-field/

I had a look and there was a similar fix done in this raised issue: #220
Adding the onsearch property here has made the error go away. Hope this helps

[jasonlyu123]

Thanks for the PR. But according to MDN, this event is non-standard that is not available in some browsers. And typescript's dom.d.ts also doesn't have this event. So I think we won't add this.

But if you do want to use it you can enhance the typing by yourself. You can create a .d.ts file and make sure this file is included in your tsconfig/jsconfig

declare namespace svelte.JSX {
    interface DOMAttributes<T extends EventTarget> {
        onsearch?: EventHandler<Event, T> | undefined | null;
    }
}

But do keep in mind that we might update the custom event type def in the future(#1549, #1352). And you would have to update the type def to the following.

declare namespace svelteHTML {
    interface DOMAttributes<T extends EventTarget> {
        "on:search"?: EventHandler<Event, T> | undefined | null;
    }
}

[jameslieu]

Thank you for looking at this and your code example to enhance that event myself @jasonlyu123.

I'll close the PR 👍