title: Fabric.js - how to create TextBox without line breaks?
body: <p>I was searching a lot for properties like <code>maxLines</code>, <code>noWrap</code>, <code>splitByWhitespace</code>, etc. in <a href="http://fabricjs.com/" rel="nofollow noreferrer">Fabric.js</a> documentation, but they don't exist. Do you know a working solution to <strong>disable text wrapping</strong> inside <code>fabric.Textbox</code>?</p>
  <p>my code:</p>
  <pre><code>const text = new window.fabric.Textbox('expected single line', {
    fontFamily: 'Nunito Sans',
    fontWeight: 400,
    fontSize: 15,
    originX: 'center',
    originY: 'center',
  });
  
  const border = new window.fabric.Rect({
    rx: 10,
    ry: 10,
    fill: '#999999',
    height: text.height + 10,
    width: text.width + 100,
    originX: 'center',
    originY: 'center',
  });
  
  const group = new window.fabric.Group([border, text], {
    originX: 'left',
    originY: 'top',
    hasRotatingPoint: false,
    height: 42,
    width: 200,
    top: 167,
    left: 50,
  });
  canvas.add(group);
  </code></pre>
  <p>actual result demo:</p>
  <p><a href="https://i.stack.imgur.com/N3iWP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N3iWP.png" alt="multiline textbox" /></a></p>
  <p>as you can see there are line breaks on every whitespace, but I want to have a single-line text with spaces. interestingly, if I replace whitespaces with underscore <code>_</code>, I get one-line text.</p>
  <p>demo:</p>
  <p><a href="https://i.stack.imgur.com/J3wQ8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J3wQ8.png" alt="one-line textbox" /></a></p>