jquery - shellinabox が 1 つの中にある複数の jQuery UI ダイアログ (iframe として?)

Question

複数のダイアログがあるページの (非モーダル) jQuery UI ダイアログ内にコンソールを配置したいと考えています。

iframe を使用して shellinabox コンソールを囲むと、ほとんど機能します。

function MakeDialog(title){
    counter++;
    $('<div class="vbox" id=\"' + counter + '\"></div>')
        .dialog({title:title, closeOnEscape: false})
        .dialogExtend({'dblclick':'maximize','maximizable': true, 'minimizable': true});
    return counter;
}

var windowID = MakeDialog('NEURON 7.4 pre-alpha', true);
$('#' + windowID).append('<iframe src="http://localhost:4201" width="100%" height="100%"></iframe>');

問題は、ダイアログのタイトル バーをクリックすると (一番上に上げると)、DOM が再構築されることです。その過程で iframe が移動された場合、Chrome は iframe を再読み込みするため、コンソールの状態が失われます。

コンソールを Web ページ上の多くのダイアログの 1 つにするにはどうすればよいですか?