From bdc1fd0cb4191244760292e07d8e9cab1522b0a8 Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Tue, 17 Jul 2018 10:44:47 +0200
Subject: [PATCH] Fix error message taking full height and preventing map
 events;

make error text selectable
---
 css/style.css         | 7 +++----
 js/control/Message.js | 2 ++
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4a390fd..a1bfc38 100644
--- a/css/style.css
+++ b/css/style.css
@@ -133,8 +133,11 @@ footer {
     -moz-user-select: text;
 }
 #message {
+    position: absolute;
+    margin: 10px 46px; /* 10 + 26 + 10 */
     z-index: 3000;
     font-size: 1rem;
+    cursor: auto;
 }
 
 #profile_buttons {
@@ -248,10 +251,6 @@ https://css-tricks.com/svg-line-animation-works/
     padding: 2px 15px;
 }
 
-#message .alert {
-    margin: 10px 46px; /* 10 + 26 + 10 */
-}
-
 #profile_message .alert {
     margin-top: 3px;
 }
diff --git a/js/control/Message.js b/js/control/Message.js
index 7bdabad..4085cd0 100644
--- a/js/control/Message.js
+++ b/js/control/Message.js
@@ -15,6 +15,8 @@ BR.Message = L.Class.extend({
             iconClass = (type === 'warning') ? 'fa-exclamation-triangle' : 'fa-times-circle',
             alertClass = (type === 'warning') ? 'alert-warning' : 'alert-danger';
 
+        L.DomEvent.disableClickPropagation(ele);
+
         ele.innerHTML =
               '<div class="alert ' + alertClass + ' alert-dismissible fade in" role="alert">'
             + '  <button type="button" class="close" data-dismiss="alert" aria-label="Close">'