On scroll element also moves up and down?So can this feature not be used in a long page?

[ashutosh1807]

[ashutosh1807]

By element I mean draggable element

[IsraelZablianov]

Please provide explanation, example and screenshot

[ashutosh1807]

See my draggable component gets attached to screen and remains there only as I scroll through the page ...for eg if I have element at centre of screen then it remains there only ..it doesn't get attached to page

[IsraelZablianov]

Currently you can't.
We are working on it

[lgXenos]

The problem is actual for me too
Very sad...

@ashutosh1807 Are you fix this for you? Or what the alternative of yours solution?

[Zearin]

I was about to open this very issue, when I found that someone else ran into the same problem.

---

Source of this issue

The issue is with line 163 in draggable.ts, where the element’s position is set to fixed.

Recommendation

• This line of code should probably replace fixed with absolute. I think most web developers assume this would be the default kind of positioning for draggable-type functionality.

• Perhaps an arg parameter for the directive’s binding could allow client code to “opt-in” to the current behavior (via something like v-draggable:fixed) to declare a component should have the current “scroll-ignoring” positioning.

[tpaksu]

FYI, onPositionChange event also can be a workaround before the code itself isn't changed.

I'm using the directive like v-draggable='draggables' and then the data and event parameter would become:

data() {
    return {
        draggables: {
            onPositionChange: this.onPosChanged
        }
    };
},
methods: {
    onPosChanged: function(positionDiff, absolutePosition, event) {
        if(event.target.closest("[draggable-state]")){
            event.target.closest("[draggable-state]").style.position = "absolute";            
        }
    }
},

[tpaksu]

Or better;

[draggable-state]{
    position: absolute !important;
}

[IsraelZablianov]

Hi guys,
first of all thanks for your ideas, they are always welcomed.

I already started to work about the solution, 'absolute' positioning is problematic with bounding-rectangle feature.

[lita-jerry]

When can solve this issues?

[IsraelZablianov]

it will take a while

[MalkSof]

@IsraelZablianov I congratulate you on the pack you created. Please fix this function.