Destroying an Element inside a TooltipDialog in Safari 5 results in the Dialog Closing

[Pete Smith]

Easy way to repro.

<div dojoType="dijit.form.DropDownButton">
        <span>Safari bug/span>
       
        <div dojoType="dijit.TooltipDialog">
            <div dojotype="dijit.form.Button" onClick="this.destroy();">       	Destroy me and watch my dialog close, only on Safari!!!
            </div>

</div>
</div>

[Pete Smith]

Thanks to wildbill, I have a workaround. In the dijit that I need to be destroyed, I added:

/*Needed to do this since when destroying the node, we set the focus to the row before it, otherwise it stole focus and closed the containing dialog*/
	uninitialize: function(){
		var myRows = this.filter.filterCriteria.rows;
		dijit.focus(dijit.byNode(myRows[myRows.length-2]).PropVar.focusNode);
	}

So all I do is scarf the focus BEFORE I destroy myself, thus the dialog stays open. Obviously change for your implementation, but that is the key. Safari / Chrome don't like it if you steal the focus on your el within the TooltipDialog?.

[bill]

Right, and I don't see any way to "fix" this problem automatically, the app needs to do this. It's standard procedure to close a popup when focus is moved somewhere outside of the popup.