BUG: Style Manager doesn't display multiple rules for the same class
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Firefox
Reproducible demo link
https://jsfiddle.net/497zkrpm/1/
Describe the bug
How to reproduce the bug?
- Select the "Hello World" component
- Open the Style Manager and make sure "myclass" is checked in the classes section
- Check the values for the "height" and "background-color" properties
What is the expected behavior?
The Style Manager should reflect all rules associated with the selected class (in this case .myclass {height: 100px} and .myclass {background-color: green}
What is the current behavior?
The Style Manager only reflects the first rule associated with the selected class (in this case: .myclass {height: 100px}
https://github.com/GrapesJS/grapesjs/assets/14164766/1a8dccad-1314-4291-8644-b8438cc0126e
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector)
Not a bug, the style manager handles only one rule at a time, if you want more advanced usage, you can use the API and implement your functionalities (eg. selecting different rules with the same selector)
I see. Would you mind elaborating a little on how to go about that?
Also, it doesn't seem like the style manager does handle only one rule at a time; since when I select a class I see property/value settings that were applied to the ID, and vice-versa.
Related Questions and Answers
Continue research with similar issue discussions.
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 #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 #6039
BUG: Cannot set Block display value
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126 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.