AEM组件 - 插入“在此处拖动组件”框中的组件

Question

我刚创建了一个自定义“进度条”组件。在Classic UI或Touch UI中添加组件会导致组件放在“在此处拖动组件”框后面。我认为插入组件会导致“在此处拖动组件”框向下移动以为新组件腾出空间。是否有要添加的属性或触发事件以使“在此处拖动组件”框向下移动？

以下是该问题的屏幕截图。 editBar位于“在此处拖动组件或资源”框的顶部。

以下是当前用于该组件的HTML：

<div class="progress-bar component" style="clear:both;" data-sly-use.progress="progressbar.js" >
    <div class="numerator" style="width: ${progress.percentage @ context='styleToken'}%; height: inherit;">
        ${progress.percentage}%
    </div>
</div>