Move box programatically?

This issue has been tracked since 2021-03-13.

Is it possible to move box pixel by pixel with arrow keyboard?

This approach is not working for me, curious to know why?

        document.addEventListener("keydown", (e) => {

            const key = e.key;

            if (key === "ArrowUp")
            {
                this.$store.commit('moveBoxUp');
            }
            

        moveBoxUp (state)
        {
            let boxes = [...state.boxes];
    
            boxes.map(box => {
                if (box.active)
                {
                    box.top--;
                }
    
                return box;
            })
    
            state.boxes = boxes;
        },
xlcrr wrote this answer on 2021-03-22

Not sure why this was not working, but it is now

You can also call e.preventDefault(); to stop the browser moving

More Details About Repo
Owner Name kirillmurashov
Repo Name vue-drag-resize
Full Name kirillmurashov/vue-drag-resize
Language JavaScript
Created Date 2018-04-26
Updated Date 2022-11-25
Star Count 1764
Watcher Count 24
Fork Count 291
Issue Count 89

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date