You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello,
I'm running into some issues with items occluding each other if they overflow their heights.
What I'm trying to accomplish is rendering items that can be nested as shown here:
I would like the parent container to wrap around it's children as shown in the image in order for the click animation to be on the hole container. In the example this is done by overflowing the box for the first parent element and adding extra padding to child elements. Each element should still be it's own list item as I would like to add a filter by [all/only parents/only children] and
animate between their nested and unnested states.
Current behavior
The list is rendered correclty for the first render but when scrolling I run into render order issues with the children being occluded by the overflowing parent container. Setting the zIndex or elevation does not change the behaviour.
See the attached video (note that I switch to flatlist half through the video where the issue does not appear):
screen-20240626-094801.mp4
Expected behavior
Behave like the FlatList or ,if this is just not how it's supposed to work, this difference to the FlatList behaviour could be added to the documentation
Hello,
I'm running into some issues with items occluding each other if they overflow their heights.
What I'm trying to accomplish is rendering items that can be nested as shown here:
I would like the parent container to wrap around it's children as shown in the image in order for the click animation to be on the hole container. In the example this is done by overflowing the box for the first parent element and adding extra padding to child elements. Each element should still be it's own list item as I would like to add a filter by [all/only parents/only children] and
animate between their nested and unnested states.
Current behavior
The list is rendered correclty for the first render but when scrolling I run into render order issues with the children being occluded by the overflowing parent container. Setting the zIndex or elevation does not change the behaviour.
See the attached video (note that I switch to flatlist half through the video where the issue does not appear):
screen-20240626-094801.mp4
Expected behavior
Behave like the FlatList or ,if this is just not how it's supposed to work, this difference to the FlatList behaviour could be added to the documentation
To Reproduce
Github link to Expo repro
Platform:
Environment
1.6.4
The text was updated successfully, but these errors were encountered: