Merge pull request #5242 from Laravel-Backpack/summernote-field-fix

Make Summernote dropdowns work in Bootstrap 5 & 4

Author: pxpm

src/resources/assets/css/common.css

@@ -518,4 +518,9 @@ form .select2.select2-container {
     justify-content: center;
     align-items: center;
     text-align: center;
+}
+
+/* Summernote */
+.note-editor.note-frame.fullscreen {
+    background-color: white;
 }

src/resources/views/crud/fields/summernote.blade.php

@@ -31,7 +31,7 @@
 {{-- FIELD CSS - will be loaded in the after_styles section --}}
 @push('crud_fields_styles')
     {{-- include summernote css --}}
-    @basset('https://unpkg.com/[email protected]/dist/summernote-bs4.min.css')
+    @basset('https://unpkg.com/[email protected]/dist/summernote-lite.min.css')
     @basset('https://unpkg.com/[email protected]/dist/font/summernote.woff2', false)
     @bassetBlock('backpack/crud/fields/checklist-field.css')
     <style type="text/css">
@@ -45,7 +45,7 @@
 {{-- FIELD JS - will be loaded in the after_scripts section --}}
 @push('crud_fields_scripts')
     {{-- include summernote js --}}
-    @basset('https://unpkg.com/[email protected]/dist/summernote.min.js')
+    @basset('https://unpkg.com/[email protected]/dist/summernote-lite.min.js')
     @bassetBlock('backpack/crud/fields/summernote-field.js')
     <script>
         function bpFieldInitSummernoteElement(element) {