The mirror element created at the wrong place when using flexbox

[msamiluludag]

Please use this template to help contributors get a detailed description of the issue or feature.

For support questions, please use stackoverflow. This repository's issues are reserved for feature requests and bug reports.

1. Apply either the bug or feature-request label

Select appropriate label in right sidebar...

2. Describe the bug or feature

The mirror element created at the wrong place when using flexbox.

3. If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem

Demo: https://codepen.io/muhammed649/pen/BarYLEE

Please click and hold elements five or six to see the issue.

4. Please tell us about your environment:

• Library version: [1.0.0-beta.X | v1 stable | etc...]
• Browsers: [all | Chrome vX | Firefox vX | Safari vX | Edge vX | iOS vX | Android vX | etc...]
• Tech stack: [all | TypeScript vX | ES6/7 | ES5 | React | etc...]
• Other information: [Detailed explanation | Stacktraces | Related issues | Suggestions how to fix | Links for us to have context | etc...]

[zjffun]

Sorry for late response. This bug seems fixed in the latest version (1.0.0-beta.12). Demo: https://codepen.io/1010543618/pen/RwMJjMm

[bryan844]

Change the Mirror Append Location ,see code below.
const draggable = new Draggable(document.querySelectorAll('ul'), {
draggable: 'li',
mirror: {
appendTo: 'body', // or document.body
}
});