Hi!
I have written a simple "tree node text editor." It works by hiding the tree node anchor and replacing it with a text input, when the user double-clicks the node. Then .select() and .focus() are called on the input. Everything basically works in every browser except a little glitch in Firefox. The Ext tree node div has a "-moz-user-select: none." I'm adding a "-moz-user-select: text" to my input, but Firefox doesn't show the selection. The Firebug, however, shows that the -moz-user-select is overridden. The same thing with -khtml-user-select works properly in Chrome.

Does anyone knows, how to override the -moz-user-select from 'none' to 'text' in Firefox, so the selection becomes visible?

The code:
Code:
	Ext.onReady(function(){
		var editedNode;
		var textBox = document.createElement("input");
		textBox.className = "x-form-field x-form-text node-text-editor";
		textBox.type = "text";
		Ext.fly(textBox).on("keydown", key);
		
		function key(e)
		{
			if (!editedNode)
				return;
			var k = e.getKey();
			if (k == Ext.EventObject.ESC || k == Ext.EventObject.ENTER)
			{
				if (k == Ext.EventObject.ENTER)
					editedNode.setText(textBox.value);
				Ext.fly(textBox).remove();
				Ext.fly(editedNode.ui.anchor).show();
				editedNode = null;
			}
		}
			
		function dClick(node)
		{
			if (editedNode == node)
				return;
			if (editedNode)
				Ext.fly(editedNode.ui.anchor).show();
			Ext.fly(node.ui.anchor).hide();
			textBox.value = node.text;
			node.ui.elNode.insertBefore(textBox, node.ui.anchor);
			editedNode = node;
			textBox.select();
			textBox.focus();
		}

//the rest of the code just builds an example tree panel
		var nodes = [];
		for (var i = 0, l = 5; i < l; i++)
		{
			nodes[i] = new Ext.tree.TreeNode({
				text: "Node " + i
			});
		}
		var root = new Ext.tree.TreeNode({
			text: "Root",
			expanded: true
		});
		root.appendChild(nodes);
		
		var panel = new Ext.tree.TreePanel({
			root: root,
			width: 200,
			height: 400,
			renderTo: Ext.getBody(),
			listeners: { dblclick: dClick }
		})
		
	});
and the style
Code:
.x-tree-node-el input.node-text-editor
{
  height: 15px; font-size: 11px; width: 120px;
  -moz-user-select: text;
  -khtml-user-select: text;
}