Weird Ui displacement in 0.12 persumably caused by UiScale

[Litttlefish]

Discussed in #10381

^{Originally posted by Litttlefish November 5, 2023}
Today I updated bevy to 0.12, and after migration I found this weird UI displacement

In 0.11, the ui works perfectly.

It happens when window resizes, also it seems that the displacement sometimes will change depending on resolution and presumably UiScale
On maximum(UiScale is about 1.9)

On fullscreen(UiScale is 2.0)

And I made a minimal reproduce code

for sprite, any 16:9 image is ok
and maximize it after run to see the bug at the right side

Should look like this

As you can see, the right side has one pixel missing

use bevy::prelude::*;
use bevy::render::camera::ScalingMode;
use bevy::window::*;

fn main() {
    App::new()
        .add_systems(Startup, setup)
        .add_systems(Update, (setres.run_if(on_event::<WindowResized>()),))
        .add_plugins((DefaultPlugins.set(WindowPlugin {
            primary_window: Some(Window {
                title: "test".into(),
                resolution: (960.0, 540.0).into(),
                resizable: false,
                ..default()
            }),
            ..default()
        }),))
        //.add_plugin(EditorPlugin::default())
        .run();
}

fn setup(mut cmd: Commands, asset_server: Res<AssetServer>) {
    cmd.spawn(Camera2dBundle {
        projection: OrthographicProjection {
            scaling_mode: ScalingMode::AutoMin {
                min_width: 960.,
                min_height: 540.,
            },
            ..Camera2dBundle::default().projection
        },
        ..default()
    });
    cmd.spawn((SpriteBundle {
        sprite: Sprite {
            custom_size: Some((960., 540.).into()),
            ..default()
        },
        texture: asset_server.load("sprites/bedroom_normal.png"),
        ..default()
    },));
    cmd.spawn((NodeBundle {
        style: Style {
            width: Val::Percent(100.),
            height: Val::Percent(100.),
            justify_content: JustifyContent::Center,
            align_items: AlignItems::Center,
            ..default()
        },
        ..default()
    },))
        .with_children(|p| {
            p.spawn(NodeBundle {
                style: Style {
                    width: Val::Px(960.),
                    height: Val::Px(540.),
                    ..default()
                },
                background_color: BackgroundColor(Color::BLACK),
                ..default()
            });
        });
}

fn setres(mut scaler: ResMut<UiScale>, windowq: Query<&Window, With<PrimaryWindow>>) {
    scaler.0 = (windowq.single().height() as f64 / 540.).max(0.1)
}

[Litttlefish]

Can anyone label this issue please? I think I don't have the permission to label it
Thanks

[Litttlefish]

I think the first issue mentioned can fixed by using 9-sliced (but it also has some issue, #11944)
but the black fill still has one-pixel problem

[Litttlefish]

Seems #13503 described the same issue, I'll close this one as abundant.