Rotated text is rendered outside of its container

[rparrett]

Bevy version

main, since 0483b69

This would probably be fixed in a roundabout way by #9341

Relevant system information

AdapterInfo { name: "Apple M1 Max", vendor: 0, device: 0, device_type: IntegratedGpu, driver: "", driver_info: "", backend: Metal }
SystemInfo { os: "MacOS 13.6.2 ", kernel: "22.6.0", cpu: "", core_count: "10", memory: "64.0 GiB" }

scale_factor 1.0 and 2.0 were tested.

What you did

cargo run --example pbr

What went wrong

The "metallic" text on the right side should be aligned with the edge of the right column of spheres. But it is overlapping them.

I added background_color: Color::RED.into() in the screenshot below.

Additional information

It seems sort of like a coincidence that this worked before. I think that this https://github.com/ickshonpe/bevy/blob/99c43fabdfed9fe9fa161c2d4f3dfbdb8ea35a5b/crates/bevy_ui/src/render/mod.rs#L646 is the problem line, or close to it.

There may be other bits of rotated text in the examples that should be looked at.

[MaxiStev]

Text scaling also broken after the commit 0483b69
before

after

[ickshonpe]

This is easy to fix, I'm just going to sort it out now, but we need a better solution for text orientation than hacking around with the transforms.

[ickshonpe]

[ickshonpe]

[ickshonpe]

Text scaling also broken after the commit [0483b69]

Text scaling shouldn't really be used anyway as the glyphs textures will still be the original size was so the result will probably look really bad.