BUG: CSS properties default values
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
N/A
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
Hi everyone !!! <3
How to reproduce the bug?
- open grapesjs official webpage demo
- click on a container, e.g. the hero section container
- apply a
font-weight: bold;style to the container => all the texts inside become bold - select one of the texts inside, check the property
font-weight, it is set tonormal
What is the expected behavior?
font-weight should be on '' empty string or unset so that i can select normal to un-apply the font-weight: bold;
What is the current behavior?
the property font-weight is set to normal already, making it impossible for me to really apply "normal" (i need to select something else then normal again)
I work on this issue in silex (for other css properties defined in silex) with @oliviermgx, maybe we can make a PR if everyone agrees that this is a bug and the default value should be an empty string?
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
i need to select something else then normal again
Yeah in case there are no values, the default UI preselects the default value, but that can be easily updated
editor.StyleManager.getProperty('typography', 'font-weight').set({ default: ' ' });
So I guess this is not a core bug but an "unexpectedly expected" behavior 🥲
Oh ok, I thought you would want the default default value to be the expected expected behaviour 😃
Thank you for the answer
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5378
BUG: Uncaught TypeError: Cannot read properties of undefined (reading 'Canvas') while dragging a component in Layer Manager Panel
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v116.0.5845.97 Reproducible demo li...
Issue #5046
BUG: is there any way to remove cross svg on selected default value of Float, Position and text-align
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 111.0.5563.147 (Official Build) (6...
Issue #6666
BUG: Layer panel: drag and drop makes items disappear (firefox and chrome)
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 137.0 and Chrome 136.0.7103.92 Rep...
Issue #6152
BUG: CSS added via custom code persists after custom code component is removed
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any Reproducible demo link https://grapesj...
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.