BUG: The initial toolbar move button does not get removed if you set the draggable prop to false programmatically
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome v98.0.4758.80
Reproducible demo link
https://jsfiddle.net/am1rb/3uzkn5t7/8/
Describe the bug
How to reproduce the bug?
- Render a simple component on the canvas
- Set draggable=false for the component programmatically
- Select the component on the editor
- The move button exists on the tooltip but it does not work
What is the expected behavior? The component toolbar should be rendered again and the move button is supposed to get removed if the draggable prop is set to false. There is the same issue with copyable and removable props as well.
What is the current behavior?
The move button exists but it does not work and the below error appears on the console:
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
Yeah the toolbar is not really dynamic, so if you need to recalculate it, you have to force it manually
model.set({ draggable: false, toolbar: null })
model.initToolbar();
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4466
BUG: Change in traits does not update html
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
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 #6458
BUG: sector.setName doesn't work
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
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...
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.