A callback function to make text/number inputs resizable to their content. Remember, ch units are the width of 0 in a font, so this is not entirely accurate for small characters like decimal points or the number `1`.

resizableInputs.js

/**************************************
 * Make any inputs resizable to their content
*/
function resizeInput() {
	this.style.width = this.value.length + "ch";
	this.style.minWidth = "1ch";
}

function makeInputsResizeble(){
	var resizableInputs = document.querySelectorAll('.js-input-resize'); // get all resizable inputs (nodelist)

	for (var i = 0, length = resizableInputs.length; i < length; i++) {
		var item = resizableInputs[i]; // get individual inputs
		item.addEventListener('input', resizeInput);  // bind the "resizeInput" callback on "input" event
		item.addEventListener('focusout', resizeInput);
		resizeInput.call(item);
	}

}
makeInputsResizeble();