BUG: Editing CSS property sets a style to a common class instead of element
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome v108
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
How to reproduce the bug?
- Setup grapesjs editor
- Import following template https://pastebin.com/d9S2M0iS
- At the very bottom of the template you will see wrapped facebook button
- Select table cell it is in, and try t change its width
What is the expected behavior? When style property of the element is edited - styles should be updated only on selected element.
What is the current behavior? Changing width of the cell for some reason edits common class in this template, which is applied to other elements as well, causing unexpected behavior (see video) . This I couldn't reproduce on the demo setup, and cant provide our exact setup to the public, but maybe you have ideas why this might be happening.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
You just need to enable this option: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4732
BUG: Tabs behaviour after HTML import
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 107 (MacOS) Reproducible demo link...
Issue #4208
BUG: Style click state bug in every element
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Last, tested on chrome last and Safa...
Issue #6369
BUG: Display order of border radius is not correct
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v130 Reproducible demo link https:/...
Issue #6365
BUG: Style Manager Fails to Interpret Descendant Selectors Correctly
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 131.0.6778.205 Reproducible...
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.