When i open the tab with this Multiselect, and try to select dropdown.
and move to another page, i could see that my old ng-component(for multiselect dropdown) is still present and new one is getting appended
I know, if there is any error in the previous component the new component will get appended, but i am unable to see any error on the console.
When i run the code on local host its all fine.
but when i run on the production server, i can see this issue
Also below Error, for few instances only:
main.90e11d0b5fd53b63c890.bundle.js:1 ERROR TypeError: Cannot read property 'disabled' of undefined
at t.toggleDropdown (main.90e11d0b5fd53b63c890.bundle.js:1)
at Object.handleEvent (main.90e11d0b5fd53b63c890.bundle.js:1)
at Object.handleEvent (main.90e11d0b5fd53b63c890.bundle.js:1)
at Object.handleEvent (main.90e11d0b5fd53b63c890.bundle.js:1)
at Ki (main.90e11d0b5fd53b63c890.bundle.js:1)
at main.90e11d0b5fd53b63c890.bundle.js:1
at HTMLDivElement. (main.90e11d0b5fd53b63c890.bundle.js:1)
at t.invokeTask (polyfills.50b851ccd19aa9b94ce1.bundle.js:1)
at Object.onInvokeTask (main.90e11d0b5fd53b63c890.bundle.js:1)
at t.invokeTask (polyfills.50b851ccd19aa9b94ce1.bundle.js:1)
Below is the code snippet - Version using 2.6.0
HTML :
TS :
When i open the tab with this Multiselect, and try to select dropdown. and move to another page, i could see that my old ng-component(for multiselect dropdown) is still present and new one is getting appended
I know, if there is any error in the previous component the new component will get appended, but i am unable to see any error on the console.
When i run the code on local host its all fine. but when i run on the production server, i can see this issue
Also below Error, for few instances only: