html - seguridad - El ajuste de palabras de Internet Explorer 11 no funciona

seguridad de internet explorer

Question

Parece que el ajuste de palabras ya no funciona para los elementos textarea en IE 11. En IE 10 y versiones anteriores, el ajuste de palabras de FF, Safari y Chrome funciona como se esperaba.

IE 11 no implementa ningún ajuste de palabra. He intentado agregar "wrap = hard" a la etiqueta textarea y también agregué "word-wrap: normal"; al CSS.

¿Alquien más se ha encontrado con este problema? Si es así, has encontrado una solución. Windows está enviando esta actualización y el comportamiento incoherente se está convirtiendo en un problema.

Gracias por cualquier ayuda que usted nos pueda proporcionar.

Aquí está mi etiqueta textarea actual

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

Este es mi CSS calculado

-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

A fin de garantizar que la respuesta sea obvia para las personas que visiten esta pregunta en el futuro: el OP ( ) respondió la pregunta en los comentarios debajo de la pregunta:

La causa del problema es que Internet Explorer 11 hace que los elementos textarea hereden cualquier propiedad de white-space se aplique al padre directo.

La resolución es aplicar white-space: pre-wrap al área de texto, según lo identificado por Jean-François Beauchamp .

Answer 2

Llegué aquí para un problema diferente donde el ajuste de palabras no funcionaba en IE11;

La solución {width: 100%} funcionó para mí.

Answer 3

Tenga en cuenta que IE11, en modo de compatibilidad, no ajustará las líneas correctamente. Para obtenerlo, haga clic en Alt, Herramientas, Opciones de Internet, Seguridad, Intranet local, Sitios, Avanzado. Vea lo que está en esa lista.

Answer 4

Tuve un problema similar y lo resolví cambiando el estilo de ajuste de palabras al estilo de salto de palabra:

{ word-break: break-all; }

Answer 5

agregar CSS

 {width: 100%} 

esto ajustará el texto a su etiqueta