title: Angular CDK drag-drop with zoom by CSS-property “transform: scale(0.5)” doesn’t work as expected
body: <p>Angular CDK drag-drop with zoom by CSS-property “transform: scale(0.5)” doesn’t work as expected.</p>
  
  <p>If the outer-DIV is scaled by CSS-property <strong>“transform: scale(0.5)”</strong> the drag doesn’t align properly with the mouse pointer. This happens as soon as the scale is unequal to 1.</p>
  
  <p>Here an example:  <a href="https://stackblitz.com/edit/angular-2q1mte" rel="noreferrer">https://stackblitz.com/edit/angular-2q1mte</a></p>
  
  <p>I’m aware of this post <a href="https://stackoverflow.com/questions/58507323/drag-and-drop-with-pinch-zoom-doesnt-work-as-expected">Drag and drop with pinch zoom doesn't work as expected</a> and therefore the </p>
  
  <pre><code>“@Input('cdkDragConstrainPosition') constrainPosition: (point: Point, dragRef: DragRef) =&gt; Point”.
  </code></pre>
  
  <p>But how to write the custom logic to map the drag properly with the pointer? Or is there any other solution to provide the zoom functionality but keep the drag aligned properly with the mouse pointer?</p>
  
  <p>Any help appreciated</p>