DennisSuitters/summernote-image-attributes

Toolbar suppresses image size buttons

orcpac7 opened this issue · 1 comments

It appears that the current image attributes popover definition suppresses the resize buttons one normally sees when an image is clicked.
I'm expecting to see both the resize buttons and the image attributes button in the popover when I click an image and do not.
When I click an image, the popover displays the image attributes custom button, the float left and right and remove float buttons and the delete image button.

It does not show the resize buttons for 100%, 50%, and 25% although they are there in the definition of the imageAttributes popOver. (see code fragment below)

Can anyone help me figure this one out? I've tried changing the order in which the buttons are declared, I've looked in the image attributes JavaScript to see if it's suppressing the buttons now. But I don't see those buttons specifically referenced that I can detect.
I've reviewed other summernote-image-attributes issues to try to see if there was anything related. The only thing I found was a BS3 "issue" where both the URL and attributes popovers were displaying and in that one, it was showing the sizes and the custom button properly. I could live with that, but haven't been able to reproduce it (both toolbars, one with advanced and resize buttons) with bootstrap 4.

This is on Windows 10, testing in Chrome. Using the developer tools in Chrome, I'm seeing no errors in the JavaScript console, nor any missing files in the network tab.
OS: Windows 10
Summernote: 0.8.18
Bootstrap: 4.4.1
JQuery: v3.2.1
Chrome: Version 92.0.4515.159 (Official Build) (64-bit)

 $("##content").summernote({
            popover: {
                image: [
                    ["custom", ["imageAttributes"]],
                    ["imagesize", ["imageSize100", "imageSize50", "imageSize25"]],
                    ["float", ["floatLeft", "floatRight", "floatNone"]],
                    ["remove", ["removeMedia"]]
                ],
            },

image

Try to use: ['resizeFull', 'resizeHalf', 'resizeQuarter', 'resizeNone']],