title: jquery ui draggable changes the width automatically
body: <p>I am following through <a href="https://jqueryui.com/draggable/#sortable" rel="noreferrer">jquery ui docs</a> to make the divs draggable and sortable. And it does work for dragging and sorting. But when I take out a div from draggable to sortable, the width of the draggable changes and does not retain the width its supposed to be.</p>
  
  <p>Here is the <a href="http://codepen.io/Kakar/pen/doxyNR" rel="noreferrer">demo</a></p>
  
  <p>js:</p>
  
  <pre><code>$(function() {
      $('#grid-main_content').sortable({
          revert:true
      });
  
      $('#block-list .block').draggable({
          connectToSortable: '#grid-main_content',
          helper: 'clone',
          revert:'invalid'
      });
  })
  </code></pre>
  
  <p>And if I inspect the element which I dragged to the sortable, I can see that an inline style is given to the draggable block with a width (by jquery).</p>
  
  <p>How can I maintain the style the block already has? Thank you.</p>