svg image inside div drag & clip

[kujeah]

Environments

• Framework name: vue
• Framework version: 2.6.12
• Moveable Component version: 0.19.4
• Testable Address(optional):

Description

I have a question.

Can we use moveable by adding svg within div?

Below is the code of div that I designated as moveable.

<div class="moveable" style="position: absolute; display: flex; flex-direction: column; width: 172.8px; height: 216.16px; transform: translate(68.5965px, 52.1053px) rotate(0deg) scale(1, 1); clip-path: inset(0px);">

  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172.8 216.16" preserveAspectRatio="none">
    <image xlink:href="[image url]" width="172.8" height="216.16" class="not-control"></image>
  </svg>

</div>

There is no problem when dragging the code, but if use clip, a problem occurs when drag.

What advice do you have on the issue?

[daybrush]

@kujeah

Oh, i will fix it.

[daybrush]

• moveable 0.20.0
• react-moveable 0.23.0
• preact-moveable 0.22.0
• ngx-moveable 0.16.0
• svelte-moveable 0.11.0

moveable's new version is released. Check it again.