Double caret icons on the dropdown menus?

[sburkett]

Anyone ever seen this? Double caret icons on the dropdowns? Also the dropdowns are very narrow, with the font names wrapping, etc.

steps to reproduce

Nothing crazy, just followed the examples really. There is a lot of CSS and JS in this project, so my only guess is that something else is mucking with Summernote's styling.

browser version and os version and summernote version

Latest version of Chrome, PC Latest version, 0.8.9.

screenshot of issue

[sburkett]

Silly me ... I was including the normal summernote.min.js and not the one specifically for Bootstrap 4 :) All better now!

[danieljpay]

@sburkett thanks!, reading your las comment, I could understand that the double caret was in js file of summernote (in my case summernote-lite.js) and just had to look for a line when a caret were added and delete that addition, with this the summernote works fine with just one caret

[brijesh1ec]

Silly me ... I was including the normal summernote.min.js and not the one specifically for Bootstrap 4 :) All better now!

What was version, i can see summernote.min.bs4.js summernote.min.bs5.js and summernote.min.bs4.css , summernote.min.bs5.css

[mnwuzor]

This may be coming late but to those that may experience the issue after this time, the easiest way to remove the double arrows is to add this CSS codes to to your CSS style

      <style>
        .note-editor .dropdown-toggle::after { all: unset; }
        .note-editor .note-dropdown-menu { box-sizing: content-box; }
        .note-editor .note-modal-footer { box-sizing: content-box; }
      </style>

As at the point of making this post, I am using Summernote@0.8.18.

Hope this helps