tomhodgins · February 12, 2020 03:04
diff --git a/auto-expand.html b/auto-expand.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title></title>

 <body>

 <input>

 <script type=module>
  import jsincss from 'https://unpkg.com/jsincss/index.vanilla.js'
  import expand from 'https://unpkg.com/jsincss-auto-expand/index.vanilla.js'

  jsincss(event => expand('input', 'width'))

  // Simulate late addition to DOM
  setTimeout(
    () => document.body.innerHTML += `<input placeholder="dynamically added later…">`,
    5000 // 5 seconds
  )
 </script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>

	<body>

	<input>

	<script type=module>
	import jsincss from 'https://unpkg.com/jsincss/index.vanilla.js'
	import expand from 'https://unpkg.com/jsincss-auto-expand/index.vanilla.js'

	jsincss(event => expand('input', 'width'))

	// Simulate late addition to DOM
	setTimeout(
	() => document.body.innerHTML += `<input placeholder="dynamically added later…">`,
	5000 // 5 seconds
	)
	</script>