Thin Lines between grids in grid display (bevy UI) #17319
Open
Description
Bevy version
0.15.1
[Optional] Relevant system information
`AdapterInfo { name: "NVIDIA GeForce RTX 4080", vendor: 4318, device: 9988, device_type: DiscreteGpu, driver: "NVIDIA", driver_info: "560.94", backend: Vulkan }`
What you did
commands.spawn(Node {
width: Val::Percent(100.),
height: Val::Percent(100.),
position_type: PositionType::Absolute,
justify_content: JustifyContent::Center,
align_items: AlignItems::Center,
..default()
}).with_children(|parent| {
parent.spawn(
Node {
display: Display::Grid,
width: Val::Percent(50.),
height: Val::Percent(50.),
grid_template_rows: RepeatedGridTrack::flex(3, 1.0),
grid_template_columns: RepeatedGridTrack::flex(3, 1.0),
..default()
}
).with_children(|parent| {
for _ in 0..3 {
for _ in 0..3 {
parent.spawn((
Node::default(),
BackgroundColor::from(Color::WHITE),
));
}
}
});
});
What went wrong
Thin lines seem to appear between the grid cells in the Grid Display Layout when I resize the window.