chore(Drag and drop): Updated example for multi list to use flex

[tlabaj]

Updated example for multi list to use flex so that target list will maintain size when empty

What: Closes #9749

Additional issues:

[patternfly-build]

Preview: https://patternfly-react-pr-10692.surge.sh

A11y report: https://patternfly-react-pr-10692-a11y.surge.sh

[mcoker]

🚀

[wise-king-sullyman]

I might just be testing it wrong somehow, but when I got to the preview link and move all of the items from the second list over to the first it still isn't letting me move them back?

Screen.Recording.2024-07-03.at.9.47.09.AM.mov

[tlabaj]

I might just be testing it wrong somehow, but when I got to the preview link and move all of the items from the second list over to the first it still isn't letting me move them back?

@wise-king-sullyman you are right. It only worked with the first item i dragged. I am investigating.

[kmcfaul]

@tlabaj I'm seeing the same issue as @wise-king-sullyman but that's possibly because the build had failed, so I don't think the surge is updated yet.

[kmcfaul]

There does seem to be an inconsistent issue after emptying one drop zone and starting to refill it, sometimes an item isn't shoved properly and overlaps with another item. There is also maybe an issue where if you drop an item on the bottom of the drop zone it will append to the beginning of the list instead of the end.

That said, this PR does fix the overall issue of the non-interactable empty dropzone and it is a deprecated component, so I'd probably be fine opening a follow up for these problems.