Cannot insert emojis in input with maxlength="1"

dabblet.css

/**
 * Cannot insert emojis in input with maxlength="1"
 */

input {
	font-size: 20px;
	width: 30em;
}

dabblet.html

<p>Try entering an emoji below (you can copy this: 💩):
<p><input maxlength="1">
<p>
<p><input maxlength="1" value="Oddly enough, value can be as long as you want 💩">

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"html"}