From d8ea833eab8bd6faa13e27845aaa5b63880153e6 Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Thu, 11 Apr 2019 17:00:33 +0200
Subject: [PATCH] bootstrap 3.4.1 regression
 (https://github.com/opnsense/core/issues/3377), since our modals aren't
 placed directly under the body tag, the backdrop seems to be disfunctional.
 https://github.com/opnsense/core/issues/3377

Although its probably not the best fix, it does the trick.
---
 src/opnsense/mvc/app/views/OPNsense/CaptivePortal/index.volt     | 1 +
 src/opnsense/mvc/app/views/OPNsense/Firewall/alias.volt          | 1 +
 src/opnsense/mvc/app/views/layout_partials/base_dialog.volt      | 1 +
 .../mvc/app/views/layout_partials/base_dialog_processing.volt    | 1 +
 src/opnsense/mvc/app/views/layouts/default.volt                  | 1 +
 5 files changed, 5 insertions(+)

diff --git a/src/opnsense/mvc/app/views/OPNsense/CaptivePortal/index.volt b/src/opnsense/mvc/app/views/OPNsense/CaptivePortal/index.volt
index 3dcb63df2..bdb62aaa3 100644
--- a/src/opnsense/mvc/app/views/OPNsense/CaptivePortal/index.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/CaptivePortal/index.volt
@@ -247,6 +247,7 @@ POSSIBILITY OF SUCH DAMAGE.
 
 <!-- upload (new) template content dialog -->
 <div class="modal fade" id="DialogTemplate" tabindex="-1" role="dialog" aria-labelledby="formDialogTemplateLabel" aria-hidden="true">
+    <div class="modal-backdrop fade in"></div>
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/opnsense/mvc/app/views/OPNsense/Firewall/alias.volt b/src/opnsense/mvc/app/views/OPNsense/Firewall/alias.volt
index 7bd77dd3e..12ae81782 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Firewall/alias.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Firewall/alias.volt
@@ -397,6 +397,7 @@
 
 {# Edit dialog #}
 <div class="modal fade" id="DialogAlias" tabindex="-1" role="dialog" aria-labelledby="DialogAliasLabel" aria-hidden="true">
+    <div class="modal-backdrop fade in"></div>
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt b/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
index 6bcc71494..36e85dd12 100644
--- a/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
+++ b/src/opnsense/mvc/app/views/layout_partials/base_dialog.volt
@@ -57,6 +57,7 @@ label           :   dialog label
 {% endfor %}
 
 <div class="modal fade" id="{{base_dialog_id}}" tabindex="-1" role="dialog" aria-labelledby="{{base_dialog_id}}Label" aria-hidden="true">
+    <div class="modal-backdrop fade in"></div>
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/opnsense/mvc/app/views/layout_partials/base_dialog_processing.volt b/src/opnsense/mvc/app/views/layout_partials/base_dialog_processing.volt
index 53677e77d..67b9e6d26 100644
--- a/src/opnsense/mvc/app/views/layout_partials/base_dialog_processing.volt
+++ b/src/opnsense/mvc/app/views/layout_partials/base_dialog_processing.volt
@@ -1,5 +1,6 @@
 <!-- Static Modal "Processing request", prevent user input while busy -->
 <div class="modal modal-static fade" id="processing-dialog" role="dialog" aria-hidden="true">
+    <div class="modal-backdrop fade in"></div>
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-body">
diff --git a/src/opnsense/mvc/app/views/layouts/default.volt b/src/opnsense/mvc/app/views/layouts/default.volt
index a36e1c2e5..e34c4c1cc 100644
--- a/src/opnsense/mvc/app/views/layouts/default.volt
+++ b/src/opnsense/mvc/app/views/layouts/default.volt
@@ -285,6 +285,7 @@
 
     <!-- dialog "wait for (service) action" -->
     <div class="modal fade" id="OPNsenseStdWaitDialog" tabindex="-1" data-backdrop="static" data-keyboard="false">
+      <div class="modal-backdrop fade in"></div>
       <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-body">