Issue #5788Opened April 2, 2024by lexoyo0 reactions

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?

  1. open grapesjs official webpage demo
  2. click on a container, e.g. the hero section container
  3. apply a font-weight: bold; style to the container => all the texts inside become bold
  4. select one of the texts inside, check the property font-weight, it is set to normal

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)

artfApril 3, 20240 reactions

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 🥲

lexoyoApril 4, 20240 reactions

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.