https://github.com/slint-ui/slint/issues/3092

Cargo.toml

[package]
name = "skia-text-align"
version = "0.1.0"
edition = "2021"

[[bin]]
name = "skia-text-align"
path = "main.rs"

[dependencies.slint]
version = "1.1.1"
default-features = false
# Switch to renderer-winit-femtovg to see the expected results
features = ["compat-1-0", "backend-winit", "renderer-winit-skia"]

main.rs

fn main() {
    MainWindow::new().unwrap().run().unwrap();
}

slint::slint! {
    export component MainWindow inherits Window {
        background: lightgreen;
        VerticalLayout {
            width: 50%;
            // Reference
            Text {
                font-family: "monospace";
                font-size: 28px;
                text: "[---]";
                horizontal-alignment: center;
                vertical-alignment: center;
            }
            // This works, OK
            Text {
                font-family: "monospace";
                font-size: 28px;
                text: "---";
                horizontal-alignment: center;
                vertical-alignment: center;
            }
            // This aligns, but it shouldn't
            Text {
                font-family: "monospace";
                font-size: 28px;
                text: "--- ";
                horizontal-alignment: center;
                vertical-alignment: center;
            }
            // This shouldn't align either, but the text oddly aligns with the last element
            Text {
                font-family: "monospace";
                font-size: 28px;
                text: " ---";
                horizontal-alignment: center;
                vertical-alignment: center;
            }
            // This is the issue, this should be aligned with the reference at the top
            Text {
                font-family: "monospace";
                font-size: 28px;
                text: " --- ";
                horizontal-alignment: center;
                vertical-alignment: center;
            }
        }
    }
}