Persistent Tool-Tip Text in Summernote

Wappler General Need Help
1

Hi folks…

Some of my users are reporting that they get some tool-tip text in Summernote which won’t go away again, and they have to reload my app to make it disappear… like this:

image

Has anyone else seen this and found a solution?

2

This is a known quirk with Summernote, especially when tooltips (often Bootstrap-based) don’t get properly disposed after certain DOM changes or modal interactions.

Here are a few strategies you can try:

  1. Disable tooltips entirely if you don’t need them:

    $('#yourEditorId').summernote({
  tooltip: false
});

  2. Manually remove lingering tooltips after Summernote initializes or after specific interactions:

    $('[data-toggle="tooltip"]').tooltip('dispose');
$('.tooltip').remove(); // Just in case any are still hanging around

  3. Hook into Summernote events like onBlur, onChange, or custom toolbar interactions to clean up tooltips:

    $('#yourEditorId').on('summernote.blur', function() {
  $('.tooltip').remove();
});
1 Like
3

Wow, thank you so much Ben… I’ll try out some of those! :star2: