Scaled Controls don't align properly

[Essojadojef]

Godot version: 3.0

OS/device including version:

Issue description:
Margins ignore the scale of the control.
The top-left corner is set as if the node was not scaled.

Scale: 1x1, Anchor: center right

Scale: 2x2, Anchor: center right (the transparent panel is also scaled 2x2, but the textureRect didn't align to it's center right)

What was expected: (with Anchor: center left)

Steps to reproduce:
Add a Control to a parent Control.
Change the child's scale.
Change the child's anchor from the Layout menu (to a layout different from top left).

Minimal reproduction project:
align-scaled-issue.zip

[evelant]

Is there a workaround for this? From what I can tell this issue makes some (responsive) UIs impossible to create.

[KoBeWi]

Well, the workaround is to avoid using rect_scale. I did numerous GUIs in Godot and never needed it.

From what I can tell this issue makes some (responsive) UIs impossible to create.

Any examples?

[Calinou]

From what I can tell this issue makes some (responsive) UIs impossible to create.

See Multiple resolutions in the documentation.

[ghost]

@Callinou This documentation link is broken. Archive: http://web.archive.org/web/20181105034839/https://docs.godotengine.org/en/latest/tutorials/viewports/multiple_resolutions.html

[ghost]

This is not a workaround for the issue though.

[Calinou]

@Callinou This documentation link is broken. Archive: http://web.archive.org/web/20181105034839/https://docs.godotengine.org/en/latest/tutorials/viewports/multiple_resolutions.html

Documentation pages were moved around in master, but redirects haven't been set up yet due to a Read the Docs limitation. Here's the new link: https://docs.godotengine.org/en/latest/tutorials/rendering/multiple_resolutions.html

This is not a workaround for the issue though.

Can you describe your use case for Control scaling?

[ghost]

@Callinou For now it'd be just to reduce the size of a large-resolution logo.

[Calinou]

For now it'd be just to reduce the size of a large-resolution logo.

If you use a TextureRect node and check Expand, you'll be allowed to resize it to a size smaller than the original size. Remember to enable Mipmaps on the original texture to avoid noisy artifacts.

[Hanprogramer]

Tested on: Godot v4.3.dev5.mono - Windows 10.0.22000

Adding this video to better explain the issue
https://github.com/godotengine/godot/assets/30620423/ade433ce-f87f-435a-8b85-abcc4d61aefd
Or in GIF:

Found a workaround for this temporarily:
Scale the children of the control according to parent control's scale. (Haven't tested in nested scaling though.)

Re-Edit:
Found out the actual problem is that get_rect() does not return rectangle with the transform scale. If you take this into account for your animations it should remain centered and my workaround is not needed.