2010-10-27 17 views
5

J'ai une div contentEditable sur lequel si un curseur est placé, il est affiché comme un énorme curseur!Firefox - Curseur énorme

Voici le code:

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

Vous pouvez le voir ici: http://jsfiddle.net/yW62h/

est ici à quoi il ressemble dans mon navigateur (FFX3.5) alt text

Ce problème apparaît également dans FFX3.6 et 4.0b6

Est-ce un bug ou est-ce que je fais quelque chose de mal ici?

+0

Vu que le curseur cesse d'être énorme dès qu'il y a du texte, je dirais que ça ressemble à un bug de navigateur. – AakashM

+0

C'est marrant. Je pointe mon doigt sur contentEditable = true & browser "bug" - alors que je ne l'appellerais pas un bug, plus un ennui. –

Répondre

1

Ne pas déclarer une hauteur de 100% et il fonctionne très bien. http://jsfiddle.net/nS3X8/

hauteur Caret est basée sur la hauteur dans Firefox (ce qui semble être un bug pour moi) bien qu'il repose sur la ligne de hauteur dans WebKit.

Lors du réglage de la hauteur d'un élément d'entrée padding est au lieu de la taille et Firefox se comportera.