Position absolute not playing well with other elements
Tiagoperes opened this issue · 0 comments
Tiagoperes commented
Beagle Angular version: 1.7.0
Steps To Reproduce
- Create an absolute positioned element
- Create a normal element
- Place both inside a container
- The absolutely position element will always be on top, even if I created it before the other one
Link to code example: https://playground.usebeagle.io/#/cloud/S3-8296c204-8747-4f75-8045-2393e2141a83/absolute.json?platform=react-web
The current behavior
The white div, in the example, appears behind the absolutely positioned element.
The expected behavior
I expected the white div to be positioned on top of the other one. Just like in Android and iOS.
In general, it is expected that the deepest elements declared in the tree (last) will be rendered on top of the others, despite of positionType
.
Observation
This may be discussed with the mobile teams. How can we change the order? We have no equivalent to z-index.