Removing The ColorPicker with v-if does not remove popup element from the DOM

When I include the ColorPicker element in my app, and use v-if to add/remove the color picker from the DOM, it does not remove pop-up element that is appended to the body, from the DOM. When I try to use the destroy method, it cannot be found on the element. How do I systematically remove the color picker pop-up DOM elements?


Attachment: video1225190801_793587.zip

1 Reply

YA YuvanShankar Arunagiri Syncfusion Team April 27, 2022 01:28 PM UTC

Hi Damien,

How do I systematically remove the color picker pop-up DOM elements?

Using the createPopupOnClick property, the popup element creates when the color-picker open and destroy when it close.

For your reference, please refer the below code snippet.

<ejs-colorpicker id="color-picker" createPopupOnClick="true"></ejs-colorpicker>


Please get back to us if you need further assistance


Regards,

YuvanShankar A


Loader.
Up arrow icon