Rails5でsummernote editorのドロップダウンメニューが正しく動作しない

Question

実現したいこと

Rails5にsummernoteを導入したのですが、summernoteのドロップダウンメニューを一度開くとページを再読込するまで再度開くことができません。
CDN部分はapplication.html.erbに記述しつつ、summernote editorを正常に動作させたいです。

環境

• Windows 10
• Ruby 2.6.5
• Ruby on Rails 5
• Bootstrap 4
• summernote-rails 0.8.12.0

###試したこと
application.html.erbに記載したCDNをinfo_create.html.erbに記述したところ、summernote editorは正常に動きましたが、bootstrapが崩れました。

<!-- application.html.erb -->
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
    
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote-bs4.min.js"></script>

<!-- info_create.html.erb -->
<div id="summernote"></div>
<script>
    $('#summernote').summernote({
        placeholder: '本文を入力してください',
        tabsize: 2,
        height: 100
    });
</script>

Answer 1

自己解決しました。
application.jsにて、bootstrapより前にjqueyを読み込んでいたため正常に動作しなかったようです。
以下のように//= require jqueyの位置を//= require bootstrapより下に記述することで正常に動作するようになりました。

//= require bootstrap
//= require bootstrap-sprockets
//= require jquery //一行目からここに記述を移しました
//= require jquery_ujs
//= require popper
//= require summernote/summernote-bs4.min
//= require activestorage
//= require turbolinks
//= require_tree .