Atropos with React bug, where transform not added for children

[boylerplet]

I have tried to use this component in my Project, with many unsuccessful attempts. The Problem I noticed was that when I create my component using the same images as in the demo site, The images do not have transform style/properties added to it.

For reference you can check the produced version vs. demo version markup using the devtools:

Produced:

On demo( documentation ) site:

This means that the style added to all children of the Atropos Component is not being added.

I think this is a major bug and an issue can be opened for it.

[nolimits4web]

Hard to say anything without live example with the issue

[boylerplet]

Okay. Here is an MWE (https://codesandbox.io/s/atropos-bug-react-5tq27d) of the bug I am encountering. I have just created the component as per the documentaion website.

I have tried importing css in three ways

• Using index.html
• Using import statement using relative path in index.js
• Using import statement using absolute path in App.js

I am not sure If that is the problem though. Absolute positioning in the img is not applied.

[nolimits4web]

In your codesandbox everything works correctly

[boylerplet]

Okay. It was my mistake. Now I see. I did not understand that The classes of absolute should be added for each child of the Atropos component.