Tooltips in a cell disappear when scroll down or maximum browser

Tags: #<Tag:0x00007f0b028836c8>

Hi Aleksandra,

I have tooltips for cells when the cell is invalid. I appended HTML element to the cell and on hovering to the icon , showing the tooltip. The tooltips getting disappear when I scroll down. can you please let me know how to resolve this issue. I am using bootstrap class tooltip to show the tool tip error.

public customValidator(instance, td, row, col, prop, value, cellProperties) {
Handsontable.renderers.TextRenderer.apply(this, arguments);
const icon = document.createElement(‘span’);
if (isNullOrUndefined(value) || value.length === 0) {
icon.innerHTML = '<i style=“color: #EA4B50 ;width:20px;” ’ +
'class=“fa fa-exclamation-circle tooltip-error pull-right” ’ +
'data-toggle=“tooltip” data-html=“true” ’ +
'title=“Fieldis missing.” ';
if (value === ‘’) {
td.appendChild(icon);
td.style.border = ‘1px solid red’;
}
}

Thank You.

Hey @kirank.csp

can you pass all the needed setting into a JSFiddle?