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?
- Goto jsfiddle
- run the code
- on the canvas, select the blue div component
- try to drag the resizer handle located at bottom center
- the resize handle doesn't move with your mouse
- 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') } ,
},
- comment out the onStart config -->
// onStart: (event, opt) => { console.log('resize started') } , - 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)
Good catch, will fix it
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5633
BUG: Cannot select component in ``component:remove`` handler
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 120.0.6099.225 Reproducible...
Issue #5705
BUG: Component tools misalign when the editor is resized
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v122 Reproducible demo link https:/...
Issue #4191
BUG: We are trying to store the data from grapesJS editor in Angular 10 application, getting CORS error, image attached below
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.5 Reproducible demo link...
Issue #6562
BUG: Moved element snaps to wrong position on resize
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 138.0.7204.101 Reproducible demo li...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.