summernote with no drag and drop and sticky toolbar

app/assets/javascripts/admin/plugins/summernote.js

@@ -9,7 +9,9 @@ $(function () {
             ['position', ['superscript', 'subscript']],
             ['insert', ['link']],
             ['view', ['codeview']]
-        ]
+        ],
+        followingToolbar: true,
+        disableDragAndDrop: true
     };
 
     configs['mini-list'] = {
@@ -19,7 +21,9 @@ $(function () {
             ['para', ['ul', 'ol']],
             ['insert', ['link']],
             ['view', ['codeview']]
-        ]
+        ],
+        followingToolbar: true,
+        disableDragAndDrop: true
     };
 
     configs['default'] = {
@@ -46,6 +50,7 @@ $(function () {
             'h4'
         ],
         followingToolbar: true,
+        disableDragAndDrop: true,
         callbacks: {
             onImageUpload: function (files) {
                 var attachmentUpload = new SummernoteAttachmentUpload(this, files[0]);

app/views/admin/communication/blocks/edit.html.erb

@@ -89,6 +89,8 @@
 
         $(element).summernote({
           toolbar: window.SUMMERNOTE_CONFIGS[config].toolbar, // Dependent of app/assets/javascripts/admin/plugins/summernote.js
+          followingToolbar: true,
+          disableDragAndDrop: true,
           callbacks: {
             onChange: function(contents, $editable) {
               element.value = contents;

app/views/admin/communication/blocks/templates/gallery/_edit.html.erb

@@ -8,7 +8,6 @@ element = @block.template.default_element
 
 <draggable :list="data.elements" handle=".imageHandle" class="row">
   <div  v-for="(element, index) in data.elements"
-        :key="index"
         class="col-xxl-2 col-xl-3 col-md-4 col-6">
     <div class="card">
       <div class="card-header border-bottom">