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
This commit is contained in:
Mark Beech
2015-04-10 22:22:23 +01:00
parent c982fe62c4
commit 6e909fbf26
+2 -1
View File
@@ -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;
}
}