Creating Custom toolbar button with tooltip issue

Thank you a lot for helpful and important plugin.

steps to reproduce

1. create normal html div or textarea tags.
2. create a summernote instance with custom button as described in the official documentation.
3. The issues arise in editor body scroll and when you press fullscreen something calculated wrongly for the editor body.

browser version and os version and summernote version

What is your browser and OS? windows 7 windows 10 chrome explorer 11 What is your summernote version? 0.8.9

screenshot of issue

The following jsfiddle could reproduce the issues (commenting tooltip: 'hello', will solve the issue, but make the custom button without tooltip): https://jsfiddle.net/javatmp/8fm5vq50/

[alegout]

Nice work @DiemenDesign ! Love it 😃

I looked a the code, the problem is in summernote-bs4.js @ line 218:

 button: function ($node, options) {
     return renderer.create('<button type="button" class="note-btn btn btn-light btn-sm" role="button" tabindex="-1">', function ($node, options) {
         if (options && options.tooltip) {
             $node.attr({
                 title: options.tooltip,
                 'aria-label': options.tooltip
             }).tooltip({
                 container: options.container,
                 trigger: 'hover',
                 placement: 'bottom'
             });
         }
     })($node, options);
 }, 

options.container is not defined, maybe we could test it in the if.

@JavaTMP a temp fix in your custom summernote plugin is to add this option in your ui.button call:

container: ‘body’,

Example:

    let button = ui.button({
        className: 'note-btn-bold',
        contents: '<i class="fa fa-file-text-o">',
        container: 'body',
        tooltip: lang.linkContents.buttons.chooseContents,
       # others options...
    });

Work for me, hope it helps.

Thanks again for summernote, it rocks! 👍

[filipheymans]

Seems like the container option is made configurable since 7b497639c468a19702b6b8725122e9ba540434e5.