Firefox - Enorme Cursor

Tengo un contentEditable div en el que si se coloca un cursor se muestra como un gran cursor!Firefox - Enorme Cursor

Aquí está el código:

<html> 
    <head></head> 
    <body > 
     <div style="position:absolute; top:2px; left:30px; right:0px; bottom: 0px; height:100%;"> 
      <div contentEditable="true" style=" color:#333333; height:100%; width:100%; cursor:text;" spellcheck="false"></div> 
     </div> 
    </body> 
</html>

se puede ver aquí: http://jsfiddle.net/yW62h/

Esto es lo que parece en mi navegador (FFX3.5) alt text

Este problema también aparece en FFX3.6 y 4.0b6

¿Esto es un error o estoy haciendo algo mal aquí?

Fuente

2010-10-27 instantsetsuna

Al ver que el cursor deja de ser enorme en cuanto hay texto, diría que parece un error del navegador. – AakashM

Esto es divertido. Diría mi dedo hacia contentEditable = true y al "error" del navegador, mientras que no lo llamaría un error, más una molestia. –

Es un error Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(

Fuente

2010-10-29 08:37:51 instantsetsuna

No declarar el 100% de altura y funciona bien:. http://jsfiddle.net/nS3X8/

altura Caret se basa en la altura en Firefox (que parece ser un error para mí) aunque basado en línea de altura en Webkit.

al fijar la altura de un acolchado de entrada de elemento de uso en lugar de altura y Firefox se comportará.

Fuente

2011-02-24 18:30:48 Tai

Intenta agregar un <br /> dentro del div editable. Eso funcionó para mí: http://jsfiddle.net/66A2h/

Fuente

2011-03-13 21:34:50 yper

Firefox - Enorme Cursor

Respuesta

Cuestiones relacionadas