I am using select 2 jquery plugin to create multiple multi select dropdowns, At some scenarios the footer is getting appended multiple times under the dropdown menu. For example if you open drodpown 1 and without selecting any option, open dropdown 2 one extra dropdown gets appended and its vice versa. I tried to fix the issue but not able to understand the problem. Can anyone please help.
the working sample code is attached

I am using select2 jquery plugin to create dropdown,I have multiple dropdowns on my page. I want the dropdown to close only when clicked on apply cancel and reset button. i Dont want the dropdown to close when clicked anywhere else other than it.
Note: when testing on stackoverflow environment it is working as i require but not on chrome broswer.