javascript - 如何限制@deckdeckgo div 离开他的父母或变得比他的父母更大

Question

您好，我正在使用一个非常简单的 CDN，它是 deckdeckgo 拖动、调整大小和旋转 => https://docs.deckdeckgo.com/components/drr/一切正常，除了两件事

1. 我的deckgo-drr孩子比他的父母大
2. deckgo-drr如果我们将我的孩子移动到右上角，然后从右上角拖动它来缩放/调整它的大小（它可以在任何角落工作），我的孩子可以移动到父母之外

这是我的代码

#parent {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 2px solid blue;
  margin: 100px;
}

<script type="module" src="https://unpkg.com/@deckdeckgo/drag-resize-rotate@latest/dist/deckdeckgo-drag-resize-rotate/deckdeckgo-drag-resize-rotate.esm.js"></script>

<div id="parent">

<deckgo-drr style="--width: 10%; --height: 10%; --top: 25%; --left: 10%;">
 <div style="background: green"></div>
</deckgo-drr>
  
  </div>

这是我的问题