EJ2 Grid Inline Edit Mode, ToolTip get stuck when editing

[Phil]

Hello

I am using EJ 2 version 16.3.0.36 (nuget package).

I have a grid that displays a ToolTip for every column, it uses the Inline edit mode. When double clicking a row, the edit mode is activated. However, because the mouse hovered over the row, the tooltip is shown. As a result, the edit mode is now active but the ToolTip stays shown.

Now even when exiting the edit mode (cancel/save) the ToolTip stays shown.

When hovering over different columns, additional ToolTips are shown, but the one that was shown when double clicking is still present.

How can I remove the ToolTip that is stuck?

Kind regards

Phil

[Madhu Sudhanan P]

Hi Phil, 

Thanks for contacting Syncfusion support. 

To resolve this problem we need to destroy the tooltip before edit begin using the actionBegin event as follows. 

<ejs-grid id="GridOverview" actionBegin="actionBegin"> 

    ...... 

</ejs-grid> 

 

<script> 

    function actionBegin(args) { 

        if (args.requestType === 'beginEdit') { 

            var tooltips = args.row.querySelectorAll('.e-tooltip'); 

            for (var i = 0; i < tooltips.length; i++) { 

                tooltips[i].ej2_instances[0].destroy(); 

            } 

        } 

    } 

</script> 

Regards, 

Madhu Sudhanan P 

[Phil]

This works fine, thank you a lot.

However, I noticed that after exiting the edit mode (through cancel or update) a (as it seems) random column gets an unwanted ToolTip.

It disappears when clicking anywhere on the website.

[Madhu Sudhanan P]

Hi Phil, 

Thanks for the update. 

To resolve this set the openOn property of the tooltip as Hover as follows. 

<script> 

 

function tooltip(args) { // event triggers on every cell render. 

    var tooltip = new ej.popups.Tooltip({ 

        content: args.data[args.column.field].toString(), 

        opensOn: 'Hover'  // add Essential JS2 tooltip for every cell. 

    },args.cell); 

} 

</script> 

https://ej2.syncfusion.com/javascript/documentation/tooltip/open-mode/ 

Regards, 

Madhu Sudhanan P 

[Phil]

Now it works perfectly.

Thank you a lot.

[Madhu Sudhanan P]

Hi Phil, 

Thanks for the update. Please get back to us if you need further assistance. 

Regards, 

Madhu