Lack of interest Flash messages obstruct the page header, make a click hide them?

[Steffen]

The flash messages (e.g. "Your changes have been saved.") can obstruct the whole header or parts of the header while they are shown. Most of them are displayed for 3000 ms (this value seems to be hard-coded in multiple places). This can be annoying for power-users (example for such feedback).

One solution could be to show the flash message bar at the bottom (i.e. not at the top).

Another solution could be to give the user the option to manually dismiss the flash message bar by clicking it:

--- a/js/xf/core.js
+++ b/js/xf/core.js
@@ -2461,7 +2461,7 @@ if (window.jQuery === undefined) jQuery = $ = {};
             $message.find('.flashMessage-content').html(message);
 
             $message.appendTo('body').addClassTransitioned('is-active');
-            setTimeout(function()
+            var timeout = setTimeout(function()
             {
                 $message.removeClassTransitioned('is-active', function()
                 {
@@ -2472,6 +2472,19 @@ if (window.jQuery === undefined) jQuery = $ = {};
                     }
                 });
             }, Math.max(500, timeout));
+
+            $message.on('click', function() {
+                clearTimeout(timeout);
+
+                $message.removeClassTransitioned('is-active', function()
+                {
+                    $message.remove();
+                    if (onClose)
+                    {
+                        onClose();
+                    }
+                });
+            });
         },
 
         htmlspecialchars: function(string)

What do you think? I'm not sure which option is better.