JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>1) Open in iOS Safari
<li>2) Focus the input element with a tap
<li>3) Pinch zoom to show the full width of the input
<li>4) Type something
</ul>

<input id='ipt' type='text' style='width:250px;height40px;'/> 
    <BR/>
    <BR/>
    <strong>Expected Behavior:</strong> Input text should display as you type.<BR/>
    <strong>Actual Behavior:</strong> Input element appears connected - but does not display inputted text<BR/>

JavaScript

var ipt = document.getElementById('ipt');
ipt.addEventListener("keyup", onkeyup, false);

function onkeyup(e){
 ipt.style.width = '100px';  
 ipt.removeEventListener("keyup", onkeyup, false);
}