Edge select bug

by thdoan

HTML

<span id="container">
  <select id="menu">
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
  </select>
</span>

CSS

.red {
  background: red;
}

JavaScript

const menu = document.getElementById('menu');

menu.addEventListener('mouseout', (e) => {
  // The line below fixes the glitch in Firefox, but not Edge
  if (e.relatedTarget === null) return;
  document.body.classList.toggle('red');
});