moveable icon indicating copy to clipboard operation
moveable copied to clipboard

Is it possible to move element or group with scrolling?

Open rasfront opened this issue 2 years ago • 2 comments

Hi. Unfortunately when i dragging selected elements and scrolling page them staying on previous position. How it is possible to fix it?

https://user-images.githubusercontent.com/34380690/150003021-cfb51c11-2093-4922-818c-ba8d385b0219.mp4

rasfront avatar Jan 18 '22 19:01 rasfront

So can you tell me how to fix it? @daybrush?

rasfront avatar Jan 25 '22 06:01 rasfront

@Raserad

Use scrollable and scroll, scrollGroup events

onScrollGroup={({ scrollContainer, direction }) => {
  scrollContainer.scrollBy(direction[0] * 10, direction[1] * 10);
}}

daybrush avatar Mar 07 '22 18:03 daybrush

@Raserad Can you you please share the above functionality code?

AkashTvu avatar Jun 05 '23 16:06 AkashTvu

@Raserad @AkashTvu

See this example: https://daybrush.com/moveable/storybook/index.html?path=/story/support-scroll--scrolling-scrollable

daybrush avatar Jun 05 '23 23:06 daybrush

@daybrush @Raserad I need the sample of drag and select the vue-movable items code.

AkashTvu avatar Jun 06 '23 16:06 AkashTvu

@Raserad

The tabs contain the code for each framework.

image

select with scroll

https://daybrush.com/selecto/storybook/?path=/story/selecto--select-in-the-scroll-area

drag and select

https://daybrush.com/moveable/storybook/index.html?path=/story/combination-with-other-components--components-selecto

daybrush avatar Jun 06 '23 23:06 daybrush

@daybrush Exactly i want like this but there is a problem when i select the single item then its not resizable and another thing is in vue2 code you are using the setup method which should be use in vue3 version. And please help me to share if you have the complete sample code for this. image

AkashTvu avatar Jun 07 '23 05:06 AkashTvu