Search code examples
microsoft-edge

Microsoft edge v 92.0.902.73 freezes when using datalist with <input type="text" /> workaround


I am developing an internal website that should be accessed by Microsoft edge only. But, in the latest build, we have experienced A LOT of sudden crashes. It's related to <input type="text"> with list property. It only happens, when you try to hover mouse over the dropdown menu, or press UP key too many times. Then, your browser crashes. I have found, that some developers also experience this issues as seen here and here. I hope it will get fixed, but for now, I need to deploy emergency fix to production { (╯°□°)╯︵ ┻━┻ }, as a lot of our web applications just decide to crash. This can be devastating for the end users, as they need to spend around hour of work redoing the process.

TLDR; Is there any know workaround for this issue?

Reproduceable example: https://www.youtube.com/watch?v=8-aIdcmZzJ0 (not mine)

code: ! CAUSES CRASH WHEN YOU RUN IT ON EDGE v 92.0.902.73, EVEN ON STACK OVERFLOW !

<!DOCTYPE html>
<html>
   <head></head>
   <body>
      <!-- When you press the down arrow key twice, Edge crashes. -->
      <h1>This html causes crash on Edge 92.0.902.55</h1>
      <label>Options:</label>
      <input type="text" list="options" />
      <datalist id="options">
         <option>Option 1</option>
         <option>Option 2</option>
         <option>Option 3</option>
      </datalist>
   </body>
</html>


Solution

  • we had this issue too with fields that had autocomplete on, but seems solved as from edge 94.0.992.58 on extended stable channel (we will switch to extended stable channel to avoid these kind of bugs impacting our business)