Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Example of how to prevent an item being dragged into another group

See original GitHub issue

Hey, hey!

As per my last issue, I have a layout with a master list of items with different types, and a number of target lists:

I can drag items from the master to the targets, but only if the list is empty, or there if the list already contains items of the same type:

Turn  Master          List 1      List 2    Notes

1     A1 A2 B1 B2                           Initial state
2     A2 B1 B2 -----> A1                    Drag A1 to List 1, making it an A style list
3     A2 B2 --------------------> B1        Drag B1 to List 2, making it a B style list
4     B2 -----------------------x A2        Drag A2 to List 2, don't allow A's with B's!

I have to idea how to do this!

I presume I need to do some kind of check at some point, looping over the items of the target model (I am updating arrays, of course) but I don’t know in which handlers or callbacks to do this.

Is there any example code using the handlers and callbacks?

It is very confusing to me I have to say 😦

Issue Analytics

State:
Created 5 years ago
Comments:9 (9 by maintainers)

Top GitHub Comments

2reactions

davestewartcommented, Aug 5, 2018

OK, thanks! I’ll have a go.

PS. I hope you liked my diagram 😝

0reactions

davestewartcommented, Aug 6, 2018

OK, slightly weird thing happening, not sure if it is related to this bug but the shouldAcceptDrop handler declared on the item is firing when I drag a group:

+- groups
    +- group ──────────────┐ // firing for groups
    |   +- items           │
    |       +- item        │
    |       +- item        │
    |       +- item ────┐  │ // only declared on items
    |       +- item     │  │
    +- group            │  │
    |   +- items        │  │
    |       +- item     │  │
    |       +- item     │  │
    |       +- item     │  │
    |       +- item     │  │
    +- group ◅─────────────┘
        +- items        │
            +- item     │
            +- item ◅───┘
            +- item
            +- item

I have separate group-name attributes on both containers.