How can I drag something out of a list / emojiPicker

Questions
1

I like the https://zimjs.com/nft/bubbling/emoji.html
but it is clicking on a emoji to show it..

image
image690×575 121 KB

Is it possible to drag out an emoji onto the stage? so I can drag it multiple times..
(now I have to click and than drag)

image
image1111×627 155 KB

how?
my example where I want to use it

Thanks to help

2

If you go back and do a search on Slack, there were some examples of dragging out of a list. In my opinion, it is not worth teaching kids about that. But maybe you are making a little app for them.

3

yes I'm making this idea

image
image1111×627 155 KB

but 2 steps for teachers now always..

4

There is a drag copies example in ZIM Bits.

5

yes but not out of a list? isn't it https://zimjs.com/bits/drag.html
so I can use that into a list?

6

Oh ya... it is not a List... so maybe you just need the Bits example of dragging copies. But it is in a Panel... not sure if it is part of a Wrapper or just a Tile. So anyway, you are dragging from one container into another so it will be a little different than the Bits example. But try it out.

7

I do not work for me.. any help with a list example where I can drag items from?

8

Here is the List dragging example:

And here is an example with the EmojiPicker:

9

waauw thanks

1 Like
10

I found error in first zapp
image
stage must be S (all others are S)

and in the second example any idea to make the expand() possible around an emoji (so it is not possible to click between emojis?

11

stage is not an error in the Editor - yes, it is an inconsistency - thanks, it has been updated.

expand(20) is the default, expand(0) puts no extra space around, expand(-10) makes it even smaller

1 Like