A StateGroup wrongly moves an item faster when the item's width is increased by another StateGroup

This issue happens in case where the application needs to move an item with increasing its width.
In case it's implemented with two StateGroup QMLs, one for the transition of anchors.leftMargin/rightMargin/left/right, and another for the transition of width,
the former StateGroup cannnot take the increase for the "width" into account.
As the result, the item moves faster than expected, and it partially steps out of the display area.

How to reproduce the issue:

• Start the attached rerproducer. The upper rectangle uses two StateGroups for "width" and "anchors", and the lower one uses one StateGroup.
• Click the "A>B" button on the upper left.
• The upper rectangle moves faster than the lower one, because upper one is not considering the increase of width. In the end, the upper rectangle partially steps out of the display area. When the transition completed, the position of the upper rectangle is corrected based on the increased width. It gives a jerky motion to the upper rectangle.