BUG: slow absolute drag on Chrome
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome 111
Reproducible demo link
https://jsfiddle.net/9zf4kd6e/ - this is the demo of Designer Mode
Describe the bug
How to reproduce the bug?
- Add an image component with
dragModeabsolute - Upload a large enough SVG image. You can use this image
- Drag the image around
- Drag the text component around
What is the expected behavior?
- The SVG image is not resized on drag
- The SVG image is moved fast to the right position
- The components are moved fast when there is a large SVG image
What is the current behavior?
- The SVG image is automatically resized on drag following the cursor position. After manually resizing the image, it can be dragged without being resized.
- The SVG image is moved slowly.
- The other components are moved slowly when there is a large SVG image.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
@ngoc199 I'm addressing most of the issue about absolute mode here. I think the resize issue could be easily added here but the large embedded SVG image (by default, without an external asset storage, images are inlined) it's seems more like a browser limit
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4506
BUG: Error on drag block with dragmode: absolute
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https:/...
Issue #4323
BUG: Performance issue while dragging component to canvas when you have 2k component on canvas
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Officia...
Issue #5990
BUG: When you delete a component, duplicate classes between components will be deleted.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducibl...
Issue #4411
BUG: XSS when add class name to Selector Manager
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v102 Reproducible demo link https:/...
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.