react-archer icon indicating copy to clipboard operation
react-archer copied to clipboard

Flex direction 'row' not supported?

Open larissa-n opened this issue 5 years ago • 2 comments

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

Screen Shot 2020-09-19 at 10 56 59 AM

larissa-n avatar Sep 19 '20 14:09 larissa-n

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 avatar Sep 21 '20 09:09 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 :cry:

Here's the result I get image

pierpo avatar Mar 30 '22 14:03 pierpo