Nested Droppable

[maxsalven]

I have a large Droppable which has multiple smaller Droppables inside of it. Either are valid targets.

Once the mouse moves into the parent Droppable, isOver gets set to true. Once the mouse moves into a child Droppable, isOver on the parent gets set to false, and isOver on the child gets set to true, as you'd expect. However, when I move out of the child (and the cursor is still within the parent), then my parent does not get isOver set back to true.

Any thoughts? Thanks.

My parent droppable is very straightforward:

<Droppable id={date} accepts={ACCEPTS} onDrop={this.handleDrop}>
        {dragState => {
          return (
            <div {...dragState.events}>
              <Day
                {...this.props}
                isHoveredOver={dragState.isOver}
              />
            </div>
          );
        }}
      </Droppable>