When applied via *.css file z-index is working.
However when declared in *.xml file zIndex is renered by element position in the xml tree and not by its value.
Code to reproduce this issue :
<Page xmlns="http://schemas.nativescript.org/tns.xsd" >
<!-- this won't work! -->
<AbsoluteLayout>
<GridLayout zIndex="99" height="100" width="100" backgroundColor="red"></GridLayout>
<GridLayout zIndex="1" height="200" width="200" backgroundColor="green"></GridLayout>
</AbsoluteLayout>
</Page>
<Page xmlns="http://schemas.nativescript.org/tns.xsd" >
<!-- this works! -->
<AbsoluteLayout>
<GridLayout zIndex="1" height="200" width="200" backgroundColor="green"></GridLayout>
<GridLayout zIndex="99" height="100" width="100" backgroundColor="red"></GridLayout>
</AbsoluteLayout>
</Page>
// this works!
.lower-grid {
z-index: 1;
}
.upper-grid {
z-index: 99;
}
This issue is NOT fixed!!!
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Most helpful comment
This issue is NOT fixed!!!