Skip to content

Thin Lines between grids in grid display (bevy UI) #17319

Open
@DidItWork

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.

Image

Image

Metadata

Assignees

No one assigned

    Labels

    A-UIGraphical user interfaces, styles, layouts, and widgetsC-BugAn unexpected or incorrect behaviorS-Needs-InvestigationThis issue requires detective work to figure out what's going wrong

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions