BUG: Resizing an element affects all elements with the same class
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome 136.0.7103.93
Reproducible demo link
https://jsfiddle.net/L4pu0tzc/
Describe the bug
How to reproduce the bug?
- Add multiple image elements to the editor.
- Assign the same class name (e.g., class="shared-class") to each image.
- Select and resize one of the images.
What is the expected behavior? Only the selected image should be resized, regardless of shared class names or other attributes.
What is the current behavior? All elements sharing the same class name get resized at once, even if only one was selected. It seems the system prioritizes the class name over the ID when setting the style, which leads to unintentional global style changes.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
Ensure to have this option enabled: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3873
BUG: Duplicated video block when re-attaching GrapesJs editor to document
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v94 Reproducible demo link https://...
Issue #4576
BUG: Clicking 'wrap for style' button affects the inner components of other components inside the same text box
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link...
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:/...
Issue #4310
BUG: Style Manager is inaccurate when using combined CSS selectors which contains "bout" and componentFirst = true
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 100 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.