title: Can Material-UI TextField width be set to match width of input text?
body: <p>Is it possible to have Material-UI automatically adjust the width of the TextField element to match the width of the input text?</p>
  <p>I am creating a form view/edit page and I'm rendering the data back into the same fields, however there is also a series of parameters which the server sets. It would be nice to render in disabled form elements and have their width automatically fit.</p>
  <p>I've played with the width properly of both TextField and the underlying Input with no success. I could potentially count the characters and set a width in JS, but I'd rather a CSS solution.</p>
  <pre><code>&lt;TextField
      disabled={true}
      label={&quot;UUID&quot;}
      value={&quot;7be093a5647d41ff8d958928b63d11f5&quot;}
      style={{width: &quot;auto&quot;}}
      InputProps={{
          style: {width: &quot;100%&quot;}
      }}
  /&gt;
  </code></pre>
  <p><a href="https://codesandbox.io/s/material-demo-forked-c3llv" rel="noreferrer">https://codesandbox.io/s/material-demo-forked-c3llv</a></p>