Bubbling up a touch event from an image to its carousel card.

[DaveC426913]

I am able to scroll my carousel nice and smoothly if I "grab" the carousel' card (i.e. the background behind my content). But if the carousel contains large images, I can only grab them, then the event is handled by the image, not the carousel, which means no card scrolling.

How can I prevent my content from interfering with my gestures to scroll the carousel card?

[jay@moduscreate.com]

Does this happen in Webkit OR your touch device? I never have this issue on a touch device.

[DaveC426913]

Well, I'm doing all my dev testing in Chrome on my desktop system using a mouse. I haven't put any of this over on my touch device recently.

Do you think that might make a diffference?

[jay@moduscreate.com]

yeah dude.

I demonstrate it here: http://tdg-i.com/img/screencasts/2010-08-26_1703.swf

[DaveC426913]

Oh! Thanks!!!

(I wonder how much of the rest of my hair-pulling problems can be traced to this...)

Maybe I should get a proper webkit simulator...

[jay@moduscreate.com]

Well there is no "Webkit Simulator".

If you develop using a mac, you can download the iphone simulator (includes ipad as well) for free. There you can do near full 1:1 testing for that device.