<!DOCTYPE HTML>
<html i18n-values='dir:textdirection;'>
<style>
html, body {
margin: 0;
overflow: hidden;
}
input {
bottom: 0;
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
</style>
<body>
<input>
</body>
<script>
var textfield = document.querySelector('input');
textfield.addEventListener('input', sendTextfieldValueToBrowser);
/**
* Sends the textfield value to the browser. Called whenever the user presses a
* key. We first check if the key-press has really changed the text, then send
* the new value to the browser if so.
*/
function sendTextfieldValueToBrowser() {
chrome.send('textfieldValue', [textfield.value]);
}
/**
* Sets textfield value
* @param {string} value
*/
function setTextfieldValue(value) {
textfield.value = value;
sendTextfieldValueToBrowser();
}
</script>
</html>