Dynamically changing images on an ImageCarousel results in odd behavior

Description

When you dynamically modify the images property in an ImageCarousel (post-create) some strange behavior will occur:

1. The first new item (in my limited testing, anyhow) will become the new focused/active image
2. Upon reaching the last image you can no longer swipe between the images
3. Zooming seems to not work
4. Some reports have also said that events are thrown for each image in the ImageCarousel when a transition occurs as opposed to only being sent for the one affected by the transition (my tests show this occurring in tandem with #2)

Here is a fiddle of it working as expected: http://jsfiddle.net/arthurthornton/uN2qX/

And here is a fiddle of it not working as expected: http://jsfiddle.net/arthurthornton/PbWrS/

The difference is the inclusion of a render() call after changing the images property. I think that a call to render() should be done in the imagesChanged() method.

The above samples utilize the nightly builds of Enyo, however they should also behave identically with Enyo 2.2.0.

This was first reported at http://forums.enyojs.com/discussion/1575/imagecarousel-behaves-strangley-when-images-are-initialed-after-creation

Environment

N/A

Assignee

Screener (Enyo Team)

Reporter

Arthur Thornton

Labels

None

External issue ID

None

Tango Test Run Elements

None

Old Issue Key

None

Components

Affects versions

Priority

None
Configure