Hello! I'm experiencing an issue with a component that includes a right-aligned gradient frame. The gradient has a variable applied to its width and is set to fixed positioning.
When the component is resized for a different breakpoint by switching to a different mode, the gradient’s width updates correctly based on the variable. However, its position shifts inward and it no longer stays aligned with the right edge. It appears the resizing is anchored on the right side of the gradient, causing it to shift inward rather than staying aligned with the component edge.
Steps to Reproduce:
-
Create a component with a gradient frame aligned to the right edge.
-
Create at least two modes and add different width values in these modes.
-
Apply the width variable to gradient.
-
Set the gradient to fixed positioning (right).
-
Resize the component via mode switching.
-
Observe that the gradient shifts and is no longer flush with the right edge.
Expected Behavior:
The gradient should remain fixed to the right edge across breakpoints, maintaining its intended alignment even when its width changes via variable.
Actual Behavior:
On mode-based resize, the gradient width updates but shifts left, no longer aligned with the right edge.
The gradient settings within the component:

The instance resized via a different mode:
