CSS zIndex behavior on native with non-flexbox

[necolas]

Describe the issue

React Native assumes only display:flex. When we try to emulate display:block (not supported on native) and the default of position:static, React Native will not ignore zIndex. This can result in layout stacking differences between web and native.

Expected behavior

zIndex should be ignored for non-flex elements that are statically positioned.

Steps to reproduce

See description

Test case

No response

Additional comments

No response

[nmn]

Doing this right might be a bit tricky since position static is always behind anything with position relative/absolute/fixed.

Perhaps, the solution is to bump all non-zero zIndex values by 1 and then set zIndex: 1 for all position: static elements?