I am using TreePanel to sort some more complex HTML elements, because I am lazy to make my own drag and drop implementation. It's working fine, but if TreeNode.text contains some HTML tags, drag and drop is not working at all (basically event is not propagating to span holding a whole text).

Here is short example:

- if you grab "child 1" it's working
- if you grab [div] containing random text it's not working


	var tree = new Ext.tree.TreePanel({
	    root: {
	    	text: 'root',
	    	children: [
    			{ text: 'child 1<div>blah blah</div>', leaf: true },
    			{ text: 'child 2<div>blah <em>blah</em></div>', leaf: true }, 
    			{ text: 'child 3<div>blah blah</div>', leaf: true },
    			{ text: 'child 4<div>blah <em>blah</em></div>', leaf: true }
		loader: new Ext.tree.TreeLoader({ preloadedChildren: true }),
		enableDD: true,
		rootVisible: false,
		renderTo: Ext.getBody(),
		title: 'Tree'

Is there some quick way to fix this? Fire some event? Somewhere?
Thanks in advance.