Issue #3700Opened August 12, 2021by anatoli-dp3 reactions

BUG: setting draggable: 'wrapper' does not drop in wrapper

Question

WARNING

READ and FOLLOW next 3 steps, then REMOVE them before posting the issue

  1. Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md
  2. Do a quick SEARCH first, to see if someone else didn't open the same issue
  3. All relative statements/questions have to be filled/answered, otherwise, the issue might be CLOSED
  4. JSFiddle Starter template https://jsfiddle.net/szLp8h4n
  5. CodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl

Version: current, i update on every release

Are you able to reproduce the bug from the demo? uses custom editor as i need to make own components

  • Yes
  • No

What is the expected behavior? setting a component as draggable: 'wrapper' should allow that component to only be dropped on the wrapper or root/body element

Describe the bug detailed doing so does not allow me to drop the component on anything at all, not even the wrapper as expected. however when setting it to anything but the wrapper will allow the component to be dropped only in the specified element (if i set it to section i can only drop in section components) . . . only setting to wrapper has this issue

What is the current behavior?

Describe the bug detailed

Are you able to attach screenshots, screencasts or a live demo?

  • Yes (attach)
  • No Screenshot (6)

Answers (2)

artfAugust 12, 20213 reactions

The string here is supposed to be a query string so it tries to query a wrapper tag, which obviously doesn't exist. The editor attaches data-gjs-type attribute to all components in the frame, so the query you can use is draggable: '[data-gjs-type=wrapper]'

anatoli-dpAugust 12, 20210 reactions

ah that makes a lot more sense now . . . thanks, that solved the issue

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.