Dragging items do not position on intital drag? #2824

tonypartridge · 2020-06-11T13:38:11Z

So when I drag a component/item from the bar to the center it will not go where I told it to go... IT always goes about 20% page width to one side? Once added it's adjustable. See this gif:
https://gyazo.com/87076de55a1853e80b5dd7ea14ccb94e

Does anyone have any suggestions?

RJCAM · 2020-06-11T17:28:21Z

Hi @tonypartridge
Do you have the last GrapesJS version?
This is working fine for me with the dragMode: "absolute",
Check this basic code below:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>GrapesJS</title>
    <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet">
    <script src="https://unpkg.com/grapesjs"></script>
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
    </style>
</head>

<body>

    <div id="gjs" style="height:0px; overflow:hidden"></div>

    <script type="text/javascript">
        var editor = grapesjs.init({
            height: '100%',
            dragMode: "absolute",
            noticeOnUnload: 0,
            storageManager: {
                autoload: 0
            },
            container: '#gjs',
            fromElement: true,
            plugins: [],
            pluginsOpts: {}
        });

        editor.BlockManager.add('test-block', {
            label: 'Div',
            attributes: {
                class: 'gjs-fonts gjs-f-b1',
            },
            content: `<div class="test">This is a simple div</div>
            <style>
                .test {
                    width: 200px;
                    height: 30px;
                    text-align: center;
                    background-color: lightgrey;
                }
            </style>`,
        });
    </script>
</body>

</html>

artf · 2020-06-17T22:05:52Z

yeah... I can actually reproduce the same issue when a smaller device view is enabled, probably some kind of regression. I need time to investigate but at the moment I'm kind of busy with other stuff and dragMode is not my priority right now. So, I hope someone else could look at this

soltanloo · 2020-09-04T22:44:42Z

I have the same issue when I'm using the absolute drag mode. Blocks always fall out of the canvas and I need to scroll to grab them and place them back into the original desired position.
@tonypartridge Did you figure out any way to fix this?

tonypartridge · 2021-10-12T13:11:22Z

@soltanloo not yet, how about you? @artf did you have any luck?

artf · 2021-10-16T13:22:36Z

@tonypartridge not yet but I close this issue as I'm planning to solve all ones related to absolute positioning here: #3770

tonypartridge · 2021-10-18T08:05:33Z

Ok thank you @artf!

…vas. Relates to GrapesJS#2824

…vas. (#4387) Take canvas offsets into account when dropping a new block on the canvas. Relates to #2824 Co-authored-by: Artur Arseniev <[email protected]>

artf added bug help wanted labels Jun 17, 2020

artf closed this as completed Oct 16, 2021

contentfree added a commit to contentfree/grapesjs that referenced this issue Jun 15, 2022

Take canvas offsets into account when dropping a new block on the can…

6e32f3e

…vas. Relates to GrapesJS#2824

contentfree mentioned this issue Jun 15, 2022

Take canvas offsets into account when dropping a new block on the canvas. #4387

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Dragging items do not position on intital drag? #2824

Dragging items do not position on intital drag? #2824

tonypartridge commented Jun 11, 2020

RJCAM commented Jun 11, 2020

artf commented Jun 17, 2020

soltanloo commented Sep 4, 2020 •

edited

Loading

tonypartridge commented Oct 12, 2021 •

edited

Loading

artf commented Oct 16, 2021

tonypartridge commented Oct 18, 2021

Dragging items do not position on intital drag? #2824

Dragging items do not position on intital drag? #2824

Comments

tonypartridge commented Jun 11, 2020

RJCAM commented Jun 11, 2020

artf commented Jun 17, 2020

soltanloo commented Sep 4, 2020 • edited Loading

tonypartridge commented Oct 12, 2021 • edited Loading

artf commented Oct 16, 2021

tonypartridge commented Oct 18, 2021

soltanloo commented Sep 4, 2020 •

edited

Loading

tonypartridge commented Oct 12, 2021 •

edited

Loading