Conflict between Drag and Resize

I have a DIV with drag and resize, but both conflict, you can initially apply resize, but dragging resize is disabled. I need a solution so that when you finish dragging it it is possible to apply a resize. (Resize done by css and drag with jQuery);

The problem happens only with firefox, it works normally in Chrome and Opera.

link

HMTL

<div class=" draggable2" onmousedown="draggin()">
      <div class="divv3"></div>
</div>

Javascript

 function draggin() {
      $( ".draggable2" ).draggable() 
 }

CSS

.divv3 {
    position: absolute;
    top: 30px; 
    background: #0387D5;
    overflow: hidden;
    resize: both;
    width: 450px;
    height: 150px;
    cursor: default;
    z-index: 2;
}