fabricjs 1.6.3: why active object is always shown on top

Question

good demo of my problem: http://fabricjs.com/hovering If you select any item, it is displayed on top. In earlier versions (1.5.0 - 1.6.2) this problem does not exist. Sorry

Answer 1

If you dont want thie behaviour, you can set the preserveObjectStacking to true. Check the docs here: http://fabricjs.com/docs/fabric.Canvas.html

However, there is this one issue with background objects, so beware https://github.com/kangax/fabric.js/issues/3095

Hopefully, they'll push a fix soon otherwise your last resort would be going back to 1.6.2.

Answer 2

I believe that is meant as a convenience for the user. Although the object moves to the front while selected, as soon as it is deselected, it falls back to its original z-order.

You can test this out at the hovering demo you linked. Superimpose two objects and determine which is front of the other then select and deselect the object in the back. When you hover over them, the order should still be observed to be the same.