Carousel scrolling horizontal with lists scolling vertical Issue

[revilo78]

I have a carousel that moves horizontally with a few cards. The cards are made of lists which move vertically. The problem I'm having is that when I move horizontally from one card to another, I can still move the list vertically that I was previously on. Is there a way to lock the list from moving vertically once I start moving horizontally on the carousel?

I was able to lock the list from moving horizontally with the direction: 'vertical', directionLock: true, setting in each list. However, I haven't been able to figure how to lock the list in place once I move through the carousel horizontally. I tried putting the following scrollable code in the carousel, but it strangely prevented me from moving horizontally even though I put horizontal as the direction.

scrollable: {
direction: 'horizontal',
directionLock: true
}

Any help will be greatly appreciated. Thanks.

[haduki]

Do not set carousel's scrollable config.
Just set directionLock:true as config.

{
    //other carousel config here
    directionLock:true
}

[revilo78]

Thanks Haduki, but it don't work. If you look on Sencha docs, directionLock is not available for the carousel component.

[mitchellsimoens]

Did you put this on the list?

scrollable: {
    direction: 'vertical', 
    directionLock: true
}

[revilo78]

Yes, each list has scrollable with direction and directionLock attributes.