Changing Element’ Sprite via script, add method for ResetSize

Hello, I’m creating simple Radio Button / Group. When one is selected, it changes its sprite. My two sprites don’t have the same dimension since there are some outline effects.

I change them this way:

RadioButton.attributes.add('spriteOn', { type: 'asset', assetType: 'sprite' });

this.entity.element.spriteAsset = this.spriteOn;

However since it’s not the same size, it’s distorted. I've to do this :

RadioButton.prototype.forceResize = function()
{
    const rect = this.entity.element.sprite.atlas.frames[this.entity.element.sprite.frameKeys[0]].rect;
    
    this.entity.element.width = rect.z;
    this.entity.element.height = rect.w;
};

Which is a bit tricky… Some method like SetNativeSize from Unity would be really useful or ResetSize like in the editor 😉

Start from the Element component's spriteAsset handling and inspect how sprite dimensions are applied when the asset changes. Define the reset-size behavior around the requested Unity-like native sizing, then verify that changing sprites through script updates the element without distortion. The issue names no source file or test, so locating the relevant component and existing UI tests is the first step.