title: draggable disappears on start dragging
body: <p>I'm trying to make floating panel with</p>
  
  <pre><code>var self = this;
  
  this.$widget = (function() {
      var $panel = $("#tmpl-float-panel").tmpl({
          title : title
      });
  
      //close on click on cross
      $panel.find(".ui-dialog-titlebar-close").click(function() {
          self.hide();
      });
  
      $panel.draggable({
          containment : "parent",
          handle : "div.ui-dialog-titlebar",
          opacity : 0.75
      }).appendTo($container);
  
      return $panel;
  })();
  </code></pre>
  
  <p>later I insert content with</p>
  
  <pre><code>this.$widget.find(".ui-dialog-content").append($content);
  </code></pre>
  
  <p>And here's jquery template used to build panel:</p>
  
  <pre><code>&lt;script id="tmpl-float-panel" type="text/x-jquery-tmpl"&gt;
      &lt;div class="ui-widget ui-dialog ui-corner-all ui-widget-content float-panel no-select"&gt;
          &lt;div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix"&gt;
              &lt;span class="ui-dialog-title"&gt;${title}&lt;/span&gt;
              &lt;a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button"&gt;
                  &lt;span class="ui-icon"&gt;&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="ui-dialog-content ui-widget-content"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's the question. When I'm trying to drag the panel (clicking on title bar and moving mouse), the whole widget disappears. Can someone tell me why?</p>
  
  <p><strong>UPD:</strong> on chrome it do not disappear on click, but somewhy it takes all possible width.</p>
  
  <p>here's html wrapping floating panel:</p>
  
  <pre><code>&lt;div id="idA"&gt;
  &lt;div id="idB"&gt;
  &lt;!-- here I have panels and other divs --&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in CSS I have</p>
  
  <pre><code>#idA {
    height: auto !important;
    min-height: 100%;
  }
  
  #idB {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  </code></pre>