🐛 [Bug]: Canvas API - Multiple event listeners added by clicking on Show canvases button - Githubissues

atapas / webapis-playground

The Web APIs Playground is a project to showcase the JavaScript Web APIs with examples and demonstrations. Client-side JavaScript APIs are here to help with providing wrapper functions for many low-level tasks.

https://webapis-playground.vercel.app/

MIT License

299 stars 73 forks source link

🐛 [Bug]: Canvas API - Multiple event listeners added by clicking on Show canvases button #175

Open rnsharma10 opened 2 years ago

rnsharma10 commented 2 years ago

Describe the bug Canvas Api bug -

Clicking on Show Canvases button creates duplicate event listners.
The code written on Show Canvases does not remove the event listners already created, and adds another ones which will result in same events applied multiple times and crashing the page.

To Reproduce Steps to reproduce the behavior:

Go to Canvas API page
And check event listner available on drawing canvas element
Now click on Show Canvases button once and check event listners on drawing canvas element.
Clicking on same button 5 more times.

Expected behavior Clicking on Show button multiple times should not create unnecessary more event listeners.

Desktop

OS: Windows 10
Browser Chrome
Version 106

rnsharma10 commented 2 years ago

pls assign this to me.