nolanlawson/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ranges issue repro</title>
</head>
<body>
<h1>Ranges issue repro</h1>
<label>
  Click and then type here:
  <input type="text">
</label>
<script>
  document.querySelector('input').addEventListener('click', function () {
    var selection = getSelection()
    var ranges = []
    for (var i = 0; i < selection.rangeCount; i++) {
      ranges.push(selection.getRangeAt(i))
    }
    selection.removeAllRanges()
    ranges.forEach(function (range) {
      selection.addRange(range)
    })
  })
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Ranges issue repro</title>
	</head>
	<body>
	<h1>Ranges issue repro</h1>
	<label>
	Click and then type here:
	<input type="text">
	</label>
	<script>
	document.querySelector('input').addEventListener('click', function () {
	var selection = getSelection()
	var ranges = []
	for (var i = 0; i < selection.rangeCount; i++) {
	ranges.push(selection.getRangeAt(i))
	}
	selection.removeAllRanges()
	ranges.forEach(function (range) {
	selection.addRange(range)
	})
	})
	</script>
	</body>
	</html>