IE8 error CSS / combobox (texto que aparece extraño)

StackOverflow https://stackoverflow.com/questions/1610789

  •  05-07-2019
  •  | 
  •  

Pregunta

Estoy tratando de identificar este error. ¿Ya se trata de un problema conocido o es totalmente nuevo? ¿Existe alguna solución (como un zoom: 1 o una posición: relativa que pueda agregar para solucionarlo?), Idealmente sin modificar el html aquí, sino simplemente agregarlo.

Si muestra el html a continuación en IE8, verá que el texto de la selección (cuadro combinado) se muestra dos veces. Una fuera del cuadro combinado. Esto está arruinando el flujo de mi documento (sin mencionar que se ve raro). 

<html><body>
<div style="width: 800px;">
 <div style="float: right" >     
 </div> 
 <div style="display: none">
     ijklmno
 </div>
 <div style="float:left">
  <select>
   <option>abcdef</option>
  </select>
  <div style="float: right">
  </div>
 </div>
</div>
</body></html>
¿Fue útil?

Solución

Esto definitivamente es un error, ya que eres bastante explícito en las reglas de estilo de diseño. Pero para empezar, también es un arreglo muy extraño. Si descubre la división oculta, agrega texto O oculta la división debajo de la selección, el problema desaparece. Mi mejor conjetura es que, dado que tiene elementos de nivel de bloque superpuestos con uno oculto y otro vacío, IE está ignorando el flotador y tratando de colocarlos uno encima del otro, lo que está forzando la opción hacia abajo, pero dado que la selección permanece en su lugar, También muestra la opción dentro de la selección.

Muy extraño y una captura muy fresca. Sus opciones como las veo es agregar algo de contenido al último div (espacio sin interrupciones, probablemente) u ocultar el div (mostrar: ninguno), o ambos.

En Firefox, ese último div tampoco está flotando a la derecha y se está superponiendo con la selección (se puede ver al describir los elementos a nivel de bloque con la barra de herramientas del desarrollador), lo que me hace pensar que Firefox es mejor para manejar elementos de nivel de bloque superpuestos .

Si configura el último div para que tenga un borde, verá que no está flotando a la derecha del div principal.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top