Firefox 3.03 et contentEditable

Question

J'utilise l'attribut contentEditable sur un élément DIV dans Firefox 3.03. Le définir sur true me permet d'éditer le contenu du texte de la DIV, comme prévu. Ensuite, lorsque je mets à "false" contentEditable, la div n'est plus modifiable, comme prévu. Toutefois, le curseur clignotant (curseur de saisie de texte) reste visible même si le texte n'est plus modifiable. Le curseur est maintenant également visible lorsque je clique sur la plupart des autres textes de la même page, même dans les paragraphes de texte normaux.

Quelqu'un at-il déjà vu cela? Y a-t-il un moyen de forcer le signe caché?

(Quand je redimensionnez le navigateur ou cliquez dans une autre application, et revenir, le caret disparaît comme par magie.)

Answer 1

J'ai eu affaire à cela et ma solution de contournement est Clearing la sélection lorsque je désactive contentEditable:

if ($.browser.mozilla) { // replace with browser detection of your choice 
    window.getSelection().removeAllRanges(); 
} 

je retire en fait le "contenteditable" attribut pour les navigateurs autres que IE, plutôt que de le mettre à faux:

if ($.browser.msie) { 
    element.contentEditable = false; 
} 
else { 
    $(element).removeAttr('contenteditable'); 
} 

Les navigateurs gèrent l'attribut contentEditable de manière incohérente et mes tests ont révélé que cela fonctionnait mieux dans l'ensemble. Je ne me souviens pas si cela a contribué à résoudre le problème du caret, mais je le jette ici juste au cas où.

Answer 2

L'attribut de style -moz-user-input peut être utilisé dans Firefox pour que la fonctionnalité contenteditable=false fonctionne.
La valeur affectée définit si l'entrée de l'utilisateur est acceptée. Les valeurs possibles sont

none  : The element does not respond to user input. 
enabled : The element can accepts user input. This is default. 
disabled : The element does not accept user input. 

.: par exemple

// to disallow users to enter input 
<asp:TextBox ID="uxFromDate" runat="server" style="-moz-user-input: disabled;"></asp:TextBox> 

// to allow users to enter input 
<asp:TextBox ID="uxFromDate" runat="server" style="-moz-user-input: enabled ;"></asp:TextBox> 

Se reporter à la https://developer.mozilla.org/en/CSS/-moz-user-input pour référence ultérieure.

Answer 3

Cette résoudre le ploblem, ressemble à Firefox est en train de vérifier est propre façon de faire les choses: P

getDoc().designMode = "off";