title: Microsoft Edge hover bug
body: <p>I have a bug in Microsoft Edge. <code>&lt;div&gt;</code> during hover has <code>transform: scale(1.5);</code> with <code>transition: transform 1s;</code>. But when you move cursor to div, wait 1s, move out and then fast move to div, div's scale is broken and transition disappear. Is there any way to fix this behavior? Here is <a href="https://jsfiddle.net/6ee6rauj/" rel="noreferrer">fiddle</a>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    background-color: green;
    transition: transform 1s;
    height: 100px;
    width: 100px;
  }
  
  div:hover {
    transform: scale(1.5);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>