Carousel getActiveItem returns NULL

[CarClub]

Carousel was just created with a single item containing some html text. Calling getActiveItem returns NULL. Seems like it should return the item it is displaying.

[mitchellsimoens]

Using 2.0.0, 2.0.1 and 2.0.1.1 it is returning the instance for me:

var carousel = new Ext.carousel.Carousel({
    fullscreen : true,
    items      : [
        {
            html : 'foo'
        }
    ]
});

console.log(carousel.getActiveItem());

[CarClub]

Too fast on the draw there.
This fails.

var carousel = new Ext.carousel.Carousel({   fullscreen : true,
   items: [{
        xtype: 'label',
        html: 'No Images',
    centered: true }]
   
});






console.log("Active Item: " + carousel.getActiveItem());

produces Active Item: undefined

[mitchellsimoens]

That's because the centered config makes that item floating and therefor not an inner item. Only inner items can be active therefore getActiveItem will return null.

If you do this it will work:

var carousel = new Ext.carousel.Carousel({   
    fullscreen : true,
    items      : [
        {
            xtype : 'label',
            html  : 'No Images'
        }
    ]

});

console.log('Active Item: ' + carousel.getActiveItem());

[CarClub]

That is a pretty bizarre constraint. There are no warnings in the docs about this sort of thing at all.

[mitchellsimoens]

It's not really a constraint, same reason a docked item cannot be an active item.

[jromero]

That is a pretty bizarre constraint. There are no warnings in the docs about this sort of thing at all.

I agree, not that it's a bizarre constraint because it makes sense, but it should be documented.