Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Extend Drag area: support infinite boundary experience #1595

Closed
taurenshaman opened this issue Aug 10, 2020 · 1 comment
Closed

Extend Drag area: support infinite boundary experience #1595

taurenshaman opened this issue Aug 10, 2020 · 1 comment

Comments

@taurenshaman
Copy link

Is your feature request related to a problem? Please describe.
The current drag area has a default restriction to its boundary. And there is no options to disable it.
I wanna implement some feature like infinite canvas, e.g. Google Map. So, How to disable the boundary restriction first?

Describe the solution you'd like
I have implement some event of the Drag Area: pointerdown, pointermove and pointerup.
And I don't wanna set a large width/height with scrollbar.

Describe alternatives you've considered

<div data-role="draggable" data-drag-area="app" data-drag-area-boundary="false"></div>
// OR
<div data-role="drag-area" data-boundary-restriction="false"></div>

Additional context
https://metroui.org.ua/draggable.html
https://codepen.io/taurenshaman/pen/GRZgvvQ

Thank you very much! ♥♥♥

@olton
Copy link
Owner

olton commented Aug 10, 2020

Added in 4.4.0

  • Draggable: add attribute data-boundary-restriction="true|false"

Demo, drag image inside a box
https://codepen.io/olton/pen/BaKNgZj?editors=1101

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants