Оболочка слов Internet Explorer 11 не работает

Кажется, что перенос слов больше не работает для элементов 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;

Ответ 1

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

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

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

Ответ 2

добавить CSS

 {width: 100%}

это приведет к переносу текста в свой тег

Ответ 3

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

{ word-break: break-all; }

Ответ 4

Я получил здесь другую проблему, когда word-wrap не работал над IE11;

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

Ответ 5

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

Ответ 6

Я столкнулся с аналогичной проблемой для раскрывающегося IE (11.431.16299.0), и я исправил, применив оба стиля ниже

white-space:pre-wrap;
word-break:break-all;