Order of the objects (canvas.getActiveObjects(), canvas.getObjects())

[val3n71na]

Hello,

I am using fabric.js 5.3.0 and I got to the following situation.

I try to align left some objects on the canvas (align to the most left of the active selection) using a specified gap between the selected objects.
When I am adding the gap between objects, I am iterating through the activeObjects (canvas.getActiveObjects()) and make some calculations to know how to update the top position for each object.
And here is where the problem is, I need the objects to not be sorted based on the order they've been added to the canvas, but I need them to keep the order in which they are displayed on the canvas.

For example if (1) I am adding to the canvas 3 shapes: a circle, a square and a rectangle and then (2) positioning them in another order - > rectangle -> circle below the rectangle -> square below the circle and then I am using (3) the alignment to the left with a specified gap, because of the order of the objects in canvas.getActiveObjects() I will have the objects in the order they've been added to the canvas (circle, square, rectangle) instead of the displayed order (rectangle, circle, square).

Is there another method to get the objects/the active objects of the canvas in the order they are actually displayed on the canvas?

Thank you!

(1)

(2)

(3)