Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Content Editable Bug</h1>
    
    <span>This container is <b>contenteditable='true'</b></span>
    <div contenteditable="true" style="border:1px solid #000;padding:10px;">
      This is text 
      <input type="text" style="width:200px;" value="contenteditable='false'" contenteditable="false">
    </div>
    </br>
    <h3>Instructions to reproduce:</h3>
    <div>Try to mark the text with the input</div>
    </br>
    <div><b>Expected:</b> All good!</div>
    <div><b>Actual:</b> Chrome freezes</div>
    
  </body>

</html>

// Code goes here

/* Styles go here */