Outlines are drawn for nodes with Display::None set and their children

[ickshonpe]

Bevy version

main 4b1865f

What you did

use bevy::prelude::*;

pub fn main() {
    App::new()
    .add_plugins(DefaultPlugins)
    .add_systems(Startup, setup)
    .run();
}

pub fn setup(mut commands: Commands) {
    commands.spawn(Camera2dBundle::default());
    commands.spawn(NodeBundle {
        style: Style {
            display: Display::None,
            width: Val::Percent(100.),
            height: Val::Percent(100.),
            align_items: AlignItems::Center,
            justify_content: JustifyContent::Center,
            ..Default::default()
        },
        ..default()
    }).with_children(|builder| {
        builder.spawn((
            NodeBundle {
                style: Style {
                    width: Val::Px(100.),
                    height: Val::Px(100.),
                    border: UiRect::all(Val::Px(25.)),
                    ..Default::default()
                },
                background_color: Color::BLUE.into(),
                border_color: Color::RED.into(),
                ..Default::default()
            },
            Outline {
                width: Val::Px(25.),    
                color: Color::WHITE.into(),
                ..Default::default()
            }
        ));
    });
}

What went wrong

With Display::None set nothing should be rendered but a white square is drawn in the top left corner. The square is the outline of the child element which is a zero sized node at the origin.