Typescript Accessibility

[Malewooo16]

It's really difficult to use components with functions such as modals with typescript, add types or documentations for typescript users.

<button className="btn" onClick={()=>document.getElementById('my_modal_2').showModal()}>open modal

()=>document.getElementById('my_modal_2: Object is possibly null
.showModal() Property 'showModal' does not exist on type 'HTMLElement'.

[victornasar]

Having the same issue here as well.

[saadeghi]

Ask this question on typescript repo. It's not related to daisyUI. showModal is a standard HTML method: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal

[kriskratz]

Sorry to post in a closed thread. @Malewooo16 using your example, in Typescript just cast the element to HTMLDialogElement, like this:

<button className="btn" onClick={()=>(document.getElementById('my_modal_2') as HTMLDialogElement).showModal()}>open modal

That takes care of the errors for me.

[bobsbeenjamin]

So simple, yet so beautiful

[Bulbul-Programing]

thank you brother