Firefox - Cursore enorme

Possiedo un div di contentEditable su cui, se viene posizionato un cursore, viene visualizzato come un cursore enorme!Firefox - Cursore enorme

Ecco il codice:

<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>

si può vedere qui: http://jsfiddle.net/yW62h/

Ecco come appare nel browser (FFX3.5) alt text

Questo problema appare anche in FFX3.6 e 4.0b6

È un errore o sto facendo qualcosa di sbagliato qui?

fonte

2010-10-27 instantsetsuna

Visto che il cursore cessa di essere enorme non appena c'è del testo in tutti, direi che sembra un bug del browser. – AakashM

Questo è divertente. Punterei il dito su contentEditable = true e browser "bug" - mentre non lo definirei un bug, più un fastidio. –

Si tratta di un bug di Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=537475 :(

fonte

2010-10-29 08:37:51 instantsetsuna

Non dichiarando altezza 100% e funziona bene:. http://jsfiddle.net/nS3X8/

altezza Caret è basata su altezza in Firefox (che sembra come un insetto per me) Anche se basato sulla linea-altezza in Webkit.

Quando si imposta l'altezza di un'imbottitura ingresso elemento uso invece di altezza e Firefox si comporterà.

fonte

2011-02-24 18:30:48 Tai

Prova ad aggiungere uno <br /> all'interno del div modificabile. Questo ha funzionato per me: http://jsfiddle.net/66A2h/

fonte

2011-03-13 21:34:50 yper

Firefox - Cursore enorme

risposta

Problemi correlati