Issue #5630Opened January 18, 2024by kla-ko0 reactions

BUG: configuring an onStart() resize callback prevents resizing

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome Version 120.0.6099.225

Reproducible demo link

https://jsfiddle.net/wattnu/y8L6whun/

Describe the bug

How to reproduce the bug?

  1. Goto jsfiddle
  2. run the code
  3. on the canvas, select the blue div component
  4. try to drag the resizer handle located at bottom center
  5. the resize handle doesn't move with your mouse
  6. In the js code, check my plugin implementation on the top. There, consider the part:
 resizable: {
          tl: 0, tc: 0, tr: 0, cl: 0, cr: 0, bl: 0, bc: 1, br: 0, 
          onStart: (event, opt) => { console.log('resize started') } ,
        },
  1. comment out the onStart config --> // onStart: (event, opt) => { console.log('resize started') } ,
  2. re-run the fiddle. Now it is possible to resize the blue block.

What is the expected behavior? The component should be resizable even when configuring an onStart calback

What is the current behavior? The component cannot be resized if an onStart callback is configured. The callback is executed though.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (1)

artfJanuary 18, 20240 reactions

Good catch, will fix it

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.