daybrush / selecto

Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
https://daybrush.com/selecto
MIT License
2.04k stars 83 forks source link

Selection drag area shifted when container parent has transform #35

Closed vasylHordynskyy closed 3 years ago

vasylHordynskyy commented 3 years ago

Environments

Description

Hi, when selecto container is placed in parent which already is transformed then selection drag area is positioned incorrectly. I have attached modified example to reproduce this behaviour. Of cource as workaround I can hide drag area but I would like to have it in right place.

Thanks in advance.

daybrush commented 3 years ago

@vasylHordynskyy I'm sorry. If there is selecto in the transformed container, operation is not possible. Since selecto is position: fixed, the behavior becomes weird if there is a transform.