Cannot select object below an selectable=false object with a single click, but group select works.

[thotar]

Between version 2.4.0 and 2.4.1 - Selecting an object below an un-selectable object behavior changed.

This change changed the behavior:
#5259 (comment)

The jsfiddles are the same except the fabric version is different.

Version

2.4.1

Test Case

https://jsfiddle.net/v8kafdL5/ - v 2.4.1
https://jsfiddle.net/qgkt2fLw/ - v 2.4.0

Information about environment

Which browsers?
At least Chrome

Steps to reproduce

Click on the Triangle below the circle.

Expected Behavior

Triangle is selected.

Actual Behavior

Not selected.

[johnsoncheg]

maybe u can try this.canvas.bringToFront() first.

[jessemtcarlton]

I think selectable disables selection but absorbs the events. You need to set evented:false on the circle if you want it to be a static overlay and be able to select items below it.

[asturur]

the change was half intentional, i have no idea why this issue was still open.
Yes selectable means that you cannot select it, not that is transparent to selection process.
Interact with the events, but refuses to be selected.