Word Wrap di Internet Explorer 11 non funziona

Question

Sembra che il word wrapping non funzioni più per gli elementi textarea in IE 11. In IE 10 e precedenti, FW, Safari e Chrome Word Wrap funzionano come previsto.

IE 11 non sta implementando alcun word wrapping. Ho provato ad aggiungere "wrap = hard" al tag textarea e anche ad aggiungere "word-wrap: normal;" al CSS.

Qualcun altro ha riscontrato questo problema? Se è così, hai trovato una soluzione. Windows sta eliminando questo aggiornamento e il comportamento incoerente sta diventando un problema.

Grazie per l'aiuto che puoi fornire.

Ecco il mio tag textarea corrente

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

Questo è il mio computerizzata 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

Al fine di garantire che la risposta è evidente a persone che visitano questa domanda in futuro: l'OP (wesley) ha risposto personalmente alla domanda nei commenti sotto la domanda:

La causa del problema è che Internet Explorer 11 rende 0 Gli elementiereditano qualsiasi proprietà white-space applicata al padre diretto.

La risoluzione è quella di applicare white-space: pre-wrap nell'area di testo, come identificato da Jean-François Beauchamp.

Answer 2

Nota che IE11, in modalità compatibilità, non eseguirà il wrap delle righe correttamente. Per ottenerlo, fai clic su Alt, Strumenti, Opzioni Internet, Sicurezza, Intranet locale, Siti, Avanzate. Guarda cosa c'è in quella lista.

Answer 3

add CSS

{width: 100%} 

questo avvolgere il testo alla sua tag

Answer 4

sono arrivato qui per un problema diverso dove word-wrap non funzionava su IE11;

La soluzione {width: 100%} ha funzionato per me.

Answer 5

ho avuto un problema simile e risolto cambiando lo stile word-wrap a word-break styling:

{ word-break: break-all; }