Events `cancel` and `close` on <dialog> reported by `no-unknown-event`
jrencz opened this issue · comments
Code:
class MyElementWithDialog extends LitElement {
override render() {
return html`<dialog
@click="${this.onDialogClick}"
@close="${this.onDialogClose}"
@cancel="${this.onDialogCancel}"
>Content</dialog>
}
}
Reports
Unknown event 'cancel'. Did you mean '@change'?
6: @cancel="${this.onDialogCancel}"
no-unknown-event
Unknown event 'close'.
6: @close="${this.onDialogClose}"
no-unknown-event
lit-analyzer@1.2.1
Both events exist and work
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/close_event
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/cancel_event
but they don't seem to be known to the tool.
Workaround:
declare global {
/**
* @emits cancel
* @emits close
*/
interface HTMLDialogElement {}
}