From 6e909fbf265987a1a4ceec0aa370be5bf18ba028 Mon Sep 17 00:00:00 2001 From: Mark Beech Date: Fri, 10 Apr 2015 22:22:23 +0100 Subject: [PATCH] Fixed help overlay flicker When hovering over the help button, if you move your mouse pointer slowly, the overlay flickers because the button loses focus when the overlay is displayed. The added CSS property will prevent the overlay from receiving pointer events. It isn't a perfect solution though. It works in all modern browsers, but no versions of IE less than IE11. http://caniuse.com/#feat=pointer-events --- src/Whoops/Resources/css/whoops.base.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/Whoops/Resources/css/whoops.base.css b/src/Whoops/Resources/css/whoops.base.css index 1430c7a..0b17db9 100644 --- a/src/Whoops/Resources/css/whoops.base.css +++ b/src/Whoops/Resources/css/whoops.base.css @@ -348,6 +348,7 @@ pre.prettyprint, code.prettyprint { } #help-overlay { + pointer-events: none; display: none; position: absolute; top: 0; @@ -420,4 +421,4 @@ kbd { line-height: 10px; padding: 3px 5px; vertical-align: middle; -} \ No newline at end of file +}