How to prevent tooltips hide when click other element in thi window

[Huihui]

I need multi tooltips always show in the page, and the tooltips will hide only when users click close icon of the tooltips.

but tooltips will hide when click other elements in the page, how to prevent this ?

Following is my code and screenshot.

<div class="point" title="A">1</div>
<div class="point" title="B">2</div>
<div class="point" title="C">3</div>

$('.point').kendoTooltip({
      position: "top",
      width: 200,
      autoHide: false,
      showOn: "click",
      hide:(e)=>{
            console.log(e)
            e.preventDefault()
      }
})


const $allEl = $(`.point`)

 for(let i=0;i<$allEl.length;i++){
        const $this = $allEl.eq(i)
        $this.data('kendoTooltip').show($this)
      }
     

[Veselin Tsvetanov]

Hello Huihui,

If the Kendo Tooltips are configured to show and close on click, clicking on another element will always hide all visible Tooltips. Keeping the Tooltips visible is currently not supported by the widget. If you think that such a feature would add value to the Kendo Tooltip, please, log your idea on our Feedback portal:

https://feedback.telerik.com/kendo-jquery-ui

Regards,
Veselin Tsvetanov
Progress Telerik