title: Dragable and Resizable div with angular
body: <p>I am trying to create resizable div containers and also they are dragable.</p>
  
  <p>I used Angular material Drag and Drop and <a href="https://www.npmjs.com/package/angular-resizable-element#documentation" rel="nofollow noreferrer">angular resizable element</a> </p>
  
  <p>Here is workaround
  <a href="https://stackblitz.com/edit/angular-syurbs?embed=1&amp;file=src/polyfills.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-syurbs?embed=1&amp;file=src/polyfills.ts</a></p>
  
  <p>But when I apply both, I can drag but I can't resize.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-41rqyo?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-41rqyo?file=src%2Fapp%2Fapp.component.html</a></p>
  
  <p>How can I achieve both in one?</p>