title: How to increase width of textfield according to typed text?
body: <p>I need to increase a text field's width according to its content. When the user inputs text, then the textfield size should increase automatically. I have one close (X) button next to this text field.</p>
  
  <p>I have constrained the text field and button so that the text field is centered on screen, and the button is adjacent to it. (Text field should be editable, button should be clickable)</p>
  
  <p>Text field size is this:</p>
  
  <p><a href="https://i.stack.imgur.com/3qWxU.png"><img src="https://i.stack.imgur.com/3qWxU.png" alt="enter image description here"></a></p>
  
  <p>When I enter text in it, the size should automatically increase:</p>
  
  <p><a href="https://i.stack.imgur.com/iVEQn.png"><img src="https://i.stack.imgur.com/iVEQn.png" alt="enter image description here"></a></p>
  
  <p>How can I achieve this?</p>