[bug] Column of tags doesn't detect drag event

[Manuel Artero Anguita]

A video worth thousand words:

I've created a demo for showing this issue:

column-bug.mov

There is a wrapper div (the column):

      display: 'flex',
      flexWrap: 'wrap',
      width: '100px',

And craeting the tags as mentioned on the docs:

     <DraggableArea
        tags={items}
        render={({ tag: item, index }) => (
          <div id={`xxx`} className='ccc'>
            {render(item, index)}
          </div>
        )}
        onChange={onChange}
      ></DraggableArea>

As you can see on the video, the draggable area doesn't detect the event till the x axis change

[YGY]

Hi, if you want to use it as a list, you could add a "isList" attribute to DraggableArea. Here is the demo: https://ygyooo.github.io/react-draggable-tags/#List

[Manuel Artero Anguita]

Ok great!

works like a charm ->

solved.mov