Hello Phil,
Ok. You want to modify the size of the component. The origin of the component, however is always its top-left corner. Accordingly, when you increase the width of the component, the left contents appear as first.
Thus, you need a kind of mask. This can be achieved easily by using the Outline Box. The necessary steps are:
1. Add an Outline Box to your application so that its is a sibline of the component you want to animate.
2. Change the order of the Outline Box so that it is arranged behind the component.
3. Set the property Embedded of the animated Component to the value true.
With these steps, the Outline Box will act as a kind of viewer presenting within its own boundary area the embedded component. Parts of the component lying outside the Outline Box are automatically clipped.
4. Adapt the Rect Effect to animate the Bounds property of the Outine Box instead of the Component.
5. The property Bounds of the component itself should be adjusted to have the final position/size.
During the animation the Outline Box changes its size/position. Accordingly it acts as a kind of mask fro the embedded component. You can see how parts of the component appear/disappear.
At the end of the animation, you can set the property Embedded of the affected component back to false.
Does it help you further?
Best regards
Paul Banach