Текст скрывается, когда я спам с клавиатуры

Question

Я делал это внутри div, но когда я спам на клавиатуре, текст внезапно скрывается на второй строке. Я знаю, что overflow:hidden не тот, кто ее вызывает.

Почему это скрывает, есть ли альтернативное решение?

BTW текст contenteditable

ЗДЕСЬ скрипку: http://jsfiddle.net/xR9Xx/

Answer 1

Опция: # 1

Установите overflow от hidden к auto для следующего стиля. Если вы ищете полосу прокрутки для отображения.

.profilestatus .statusTextBox { 
    height: 100px; 
    left: 60px; 
    outline: medium none; 
    overflow: auto; 
    position: absolute; 
    text-align: center; 
    width: 400px; 
} 

Опция: # 2

Добавьте word-wrap и width свойства в следующем стиле.

.profilestatus .statusTextBox .statusText { 
    position:relative; 
    font-family:Calibri, Arial; 
    font-size:95%; 
    top:20px; 
    font-weight:400; 
    word-wrap: break-word; 
    width:400px; 
} 

DEMO

Answer 2

если все в порядке, а не position:relative; сделать float:left;

.profilestatus .statusTextBox .statusText { 
      float:left; 
      text-align:center; 
      font-family:Calibri,Arial; 
      font-size:95%; 
      font-weight:400; 
     } 

работает demo