JSFiddle - React, Tailwind, and code Playground
HTML
<b>Firefox 10 <code>onmouseover</code> flicker</b>
<div id="tooltip">Mouse over<br/> <code>style:display</code></div>
CSS
body { font: 12px Arial; }
div#tooltip {
background-color: #505050;
color: red;
padding: 20px;
margin: 20px;
text-align: center;
}
JavaScript
(function() {
var element = document.getElementById("tooltip");
element.onmouseover = function() {
element.style.display = 'none';
var timer = setTimeout(function() {
element.style.display = '';
}, 250);
}
})();