direction="horizontal" not work as expected

[aminsoraya]

After I mentioned :

 <ReactSortable list={state} setList={setState} direction="horizontal">
      {state.map((item) => (
        <div key={item.id}>{item.name}</div>
      ))}
    </ReactSortable>

It doesn't aligned as expected why?

[R3D347HR4Y]

Same problem here, direction horizontal does not do anything

[ADTC]

Such a strange choice of implementation. It is a naming problem. It looks like: horizontal means vertical, and vertical means horizontal.

I literally wrote this in my code, because vertical wouldn't do it:

  direction='horizontal' // not sure why, but horizontal means drag up and down

Note that this doesn't change how your list items are visually laid out on page. It only controls the direction the sortable is expected to work in. You should still use CSS to lay out the elements in a way that matches the expectation, such as using flex-direction, flex-wrap, etc.