interact.js allowFrom不适用于可拖动元素外部的可拖动句柄

Question

我有这个小提琴： https://jsfiddle.net/xpvt214o/700857/

这是我的代码：

HTML：

<div id="draggable-element">
    test
</div>
<div class="handle">
    handle
</div>

JS：

interact('#draggable-element')
  .draggable({
    onmove: dragMoveListener,
    allowFrom: '.handle',
    ignoreFrom: '#draggable-element'
  });


  function dragMoveListener() {
      alert('working')
  }

在这种情况下，我无法拖动元素，因为手柄在可拖动元素之外。将手柄放入可拖动元素后，即可将其拖动：https://jsfiddle.net/xpvt214o/700871/

由于技术原因和HTML更改，我更喜欢将句柄放在可拖动元素之外。 在不更改interact.js的源代码的情况下是否有解决此问题的想法？