Flex direction 'row' not supported?

[larissa-n]

Worked off the example to align elements horizontally with flexDirection: "row", which does not turn out as expected:

https://codesandbox.io/s/jolly-silence-0jmjv?file=/src/App.js

[pierpo]

Hi,

Thank you for reporting this, and thank you for the CodePen!

It looks like it is a mis-usage of the ArcherContainer style props (which probably shouldn't be exposed, actually).

I'll have a deeper look when I'll have more time, thank you very much for reporting!

[pierpo]

Hey, it's been forever but I finally had a look at this. Indeed, the style property does really not make sense on ArcherContainer. I guess it could make sense in some cases but not in general. You should wrap in a div inside ArcherContainer. I need to think about how we can make this clearer.

Oh, bad news though: the layout you might looking for is currently not possible with react-archer 😢

Here's the result I get