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
An example of use-gesture would be very nice. #3
Comments
I put the pinch and the drag into one component, but there's a problem: when using the v-on="bind()" on the div I can pinch when I deactivate the domtarget. When I use the domTarget option a, delete the v-bind I can drag the rects around, but I can't pinch! strange, Would be nice to get an advice. thank you. and I saw the https://codesandbox.io/s/rkgzi?file=/src/index.js react demo, would be nice to move and pinch at the same time, acutally that is not possible. regards
|
Hey @bluelemonade ^^ I'll get back to you tomorrow. |
thanks for your response. that's what I tried to do: https://codesandbox.io/s/rkgzi?file=/src/index.js:1644-1649 edited, I have a card with content, sometimes text to scroll, sometimes an svg with drag & drop games, this content is added via slots. everything works wonderfully. I gave stop propagation to the pointer events, start move and up to the inside area into which I load the components, as well as the background of the svgs, unfortunately the gsap drags no longer work, and sometimes the drags also arrive on the card. any ideas, how can I stop the pointerevents to reach the card. |
An example of use gesture would be very nice.
currently there are only examples in example-vue-2 for the other gestures,
I am interasted in a drag & rotate gesture
thanks for the amazing work, I actually struggle with interactjs...
actually I try to make a draggable component, in the end with scopes to put different content in it.
I used the use-drag file, but got some errors. here's my base app
in your file I made the root div more generic to get a container to fill with other stuff. It works but it throws an error.
vueusegesture.esm.js?b67e:1312 Deprecation notice: When the
domTarget
option is specified, you don't need to writeuseEffect(bind, [bind])
anymore: event binding is now made handled internally to this lib.Next version won't return anything when
domTarget
is provided, therefore your code will break if you try to calluseEffect
.I saw in the pinch demo that you use v-on="bind()" and not the domTarget in the gesture method. Ok, when I change this, comment out the { domTarget: refEl } and use the bind, Now error, but now interaction.
Would be nice to get a little help,
in the next step I will take over the drag into the gesture and integrate the pinch. but first i have to bring my knowledge of composition api up to date.
The text was updated successfully, but these errors were encountered: