Обход текста в Internet Explorer 11 не работает

Question

Кажется, что перенос слов больше не работает для элементов textarea в IE 11. В IE 10 и более ранних версиях FF, Safari и Chrome работают так, как ожидалось.

IE 11 не выполняет ни одной упаковки слов. Я попытался добавить «wrap = hard» в тег textarea, а также добавить «word-wrap: normal;» к CSS.

Неужели кто-нибудь еще столкнулся с этой проблемой? Если это так, вы нашли решение. Windows выталкивает это обновление, и непоследовательное поведение становится проблемой.

Спасибо за любую помощь, которую вы можете предоставить.

Вот мой текущий TextArea тег

<textarea class="wrklst-report_text" id="report_text_6586427" name="report_text[6586427]" title="Report Box" data-exam_seq="6586427" style="width:95%;"></textarea> 

Это мой вычисленная CSS

-webkit-appearance: textarea; 
-webkit-rtl-ordering: logical; 
-webkit-user-select: text; 
-webkit-writing-mode: horizontal-tb; 
background-color: rgb(255, 255, 255); 
border-bottom-color: rgb(0, 0, 0); 
border-bottom-style: solid; 
border-bottom-width: 1px; 
border-image-outset: 0px; 
border-image-repeat: stretch; 
border-image-slice: 100%; 
border-image-source: none; 
border-image-width: 1; 
border-left-color: rgb(0, 0, 0); 
border-left-style: solid; 
border-left-width: 1px; 
border-right-color: rgb(0, 0, 0); 
border-right-style: solid; 
border-right-width: 1px; 
border-top-color: rgb(0, 0, 0); 
border-top-style: solid; 
border-top-width: 1px; 
color: rgb(0, 0, 0); 
cursor: auto; 
display: inline-block; 
flex-direction: column; 
font-family: Verdana, Arial, sans-serif; 
font-size: 16px; 
height: 300px; 
letter-spacing: normal; 
line-height: normal; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
padding-bottom: 2px; 
padding-left: 2px; 
padding-right: 2px; 
padding-top: 2px; 
resize: both; 
text-align: start; 
text-indent: 0px; 
text-shadow: none; 
text-transform: none; 
white-space: pre-wrap; 
width: 950px; 
word-spacing: 0px; 
word-wrap: break-word; 
writing-mode: lr-tb; 

Answer 1

Для того, чтобы гарантировать, что ответ очевиден для людей, посещающих этот вопрос в будущем: ОП (wesley) ответил на вопрос сам в комментариях под вопросом:

Причина в том, что Internet Explorer 11 делает textarea элементы наследуют любое свойство white-space, которое применяется к прямому родительскому объекту.

Резолюция заключается в применении white-space: pre-wrap к текстовому полю, указанному Jean-François Beauchamp.

Answer 2

Обратите внимание, что IE11 в режиме совместимости не будет правильно обертывать линии. Чтобы перейти на него, нажмите «Alt», «Инструменты», «Свойства обозревателя», «Безопасность», «Местная интрасеть», «Сайты», «Дополнительно». Посмотрите, что находится в этом списке.

Answer 3

добавить CSS

{width: 100%} 

это будет обернуть текст в его теге

Answer 4

я здесь другая проблема, где перенос слов не работал на IE11;

Решение {width: 100%} действительно работало для меня.

Answer 5

У меня была аналогичная проблема, и решить ее путем изменения слова-обертывание стиль в слово-брейк стайлинга:

{ word-break: break-all; }