# Maintain scroll behavior on draggable elements

**URL:** <https://forums.fusetools.com/t/maintain-scroll-behavior-on-draggable-elements/5416>\
**Category:** How-to Discussions\
**Created:** [March 23, 2017, 5:25am UTC](https://forums.fusetools.com/t/maintain-scroll-behavior-on-draggable-elements/5416 "2017-03-23T05:25:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eduardo](https://avatars.discourse-cdn.com/v4/letter/e/6a8cbe/32.png) [@Eduardo](https://forums.fusetools.com/u/Eduardo)\
**Post date:** [March 23, 2017, 5:25am UTC](https://forums.fusetools.com/t/maintain-scroll-behavior-on-draggable-elements/5416/1 "2017-03-23T05:25:35Z")

</div>

Hi,

I’m trying to have the scroll event trigger in draggable elements that are locked on the X axis.  
However the scroll doesn’t trigger if the click/tap event begins over the elements.  
I’m attaching an example of what I’m trying to do.

````auto
<App>
    <ScrollView>
        <JavaScript>
            module.exports = {
                    items: [
                        {name: "lorem"},
                        {name: "ipsum"},
                        {name: "dolor"},
                        {name: "sit"},
                        {name: "amet"},
                        {name: "consectetur"},
                        {name: "adipisicing"},
                        {name: "magnam"},
                        {name: "tempore"},
                        {name: "praesentium"},
                        {name: "voluptates"}
                ]
            };
        </JavaScript>
        <StackPanel>
            <Each Items="{items}">
                <Button Physics.IsPhysicsWorld="true">
                    <Rectangle Height="120" Color="#31a4ed" Margin="0,15,0,0" >
                        <Text Value="{name}"/>
                        <Draggable Axis="X"/>
                    </Rectangle>
                    <PointAttractor Radius="500" Strength="1000" Exclusive="True"/>
                    <PointAttractor Radius="500" Strength="2000" Exclusive="True" Offset="-500,0,0"/>
                    <PointAttractor Radius="500" Strength="2000" Exclusive="True" Offset="500,0,0"/>
                </Button>
            </Each>
        </StackPanel>
    </ScrollView>
</App>
```

Any ideas on how to do it?
Thanks.
````

---

<div class="post-metadata">

**Author:** ![Uldis](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/uldis/32/657_2.png) [@Uldis](https://forums.fusetools.com/u/Uldis)\
**Post date:** [April 26, 2017, 12:00pm UTC](https://forums.fusetools.com/t/maintain-scroll-behavior-on-draggable-elements/5416/2 "2017-04-26T12:00:30Z")

</div>

Hi Eduardo,

we have finally gotten around to check how `Draggable` and `ScrollView` work together. An internal ticket has been raised and we’ll keep you posted when there’s some progress on it.