title: How to prevent word-wrap in an IE Content Editable div?
body: <p><strong>The Problem</strong></p>
  
  <p>I have a <code>div</code> that has <code>contenteditable</code> set to <code>true</code>.  In Chrome, when the edge of the <code>div</code> is reached while typing, it shifts the entire word to the next line as expected.  I present Exhibit A:</p>
  
  <p><img src="https://i.stack.imgur.com/sA9XU.png" alt="enter image description here"></p>
  
  <p>IE, as usual, doesn't behave as expected.  When the edge of the <code>div</code> is reached while typing it breaks the word.  I present Exhibit B:</p>
  
  <p><img src="https://i.stack.imgur.com/oQVHT.png" alt="enter image description here"></p>
  
  <p><strong>The HTML</strong></p>
  
  <p>A simple <code>div</code>, with the <code>contenteditable</code> set to true:</p>
  
  <pre><code>&lt;div id='bioEntryContainer' contenteditable='true' class='form-control'&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>The CSS</strong> </p>
  
  <p>The <code>form-control</code> is from Twitter's Bootstrap CSS.  The custom styles are: </p>
  
  <pre><code>#bioEntryContainer { min-height:74px; overflow:auto; }
  </code></pre>
  
  <p><strong>Attempts to Fix</strong></p>
  
  <p>I've tried the following with CSS, with no luck:</p>
  
  <pre><code>overflow:hidden;
  overflow-x:hidden;
  white-space:nowrap;
  white-space:pre;
  display:inline-block; 
  </code></pre>
  
  <p>I've tried the route suggested in <a href="https://stackoverflow.com/questions/1716836/ie7-contenteditable-word-wrapping">this question</a>, but it didn't work.  Any other suggestions?</p>
  
  <p><strong>Update</strong></p>
  
  <p>I created a <a href="http://jsfiddle.net/mathieujonson/4Ye6z/" rel="nofollow noreferrer">fiddle</a> to demo the problem, but I can't recreate it there.  I've included the Bootstrap CSS to get it as close to the actual environment as possible.  </p>
  
  <p>The <code>div</code> is added in the Bootstrap Modal with JS.  I'm not sure how that could change things, but hopefully that provides more background information.</p>