Click the rotated rect, the "click" event won't fire because fill is not provided.

Click fires if you click the stroke though.

Click the yellow rect, the "click" event fires as expected because fill is provided.

I think the click event should fire whether or not there's fill.

Code:
var drawComponent = Ext.create('Ext.draw.Component', {
    viewBox: false,
    items: [{
        type: 'path',
        stroke: "blue",
        "stroke-width": 3,
        fill: "red",
        path: 'M60 10L100 10L100 50L60 50L60 10Z',
        listeners: {
            click: function() {
                alert("click path");
            }
        }
    },{
        type: 'rect',
        x: 10,
        y: 10,
        width: 25,
        height: 50,
        group: "test",
        stroke: "blue",
        "stroke-width": 3,
        fill: "yellow",
        listeners: {
            click: function() {
                alert("click rect");
            }
        }
    }, {
        type: 'rect',
        x: 50,
        y: 60,
        width: 20,
        height: 60,
        group: "test",
        stroke: "blue",
        "stroke-width": 5,
        rotation: {
            degrees: 45
        },
        listeners: {
            click: function() {
                alert("click rotated rect");
            }
        }
    }]
});

Ext.create('Ext.Window', {
    width: 300,
    height: 300,
    layout: 'fit',
    items: [drawComponent]
}).show();