On style manager panel , height/width properties did not reflect the right values
Unfortunately, calculated height and width (like in this case, because are attached to the tag and not to a single class/id) can't be displayed properly so are excluded intentionally
Read full answer below ↓Question
Description
- The bug is reproduced on the current demo
What happens ?
- On Style Manager Panel height/width property input did not reflect the right values .
Steps to reproduce on the demo
- Open the import popup and paste this and click import
<label>Test</label>
<style>
label {
height:50px;
width:50px;
}
</style>
- Select the label
- On Style Manager panel , under dimension sector , check the height/width property .
The values are not correct , auto instead of 50px . However the css is applied correctly .
Answers (1)
Unfortunately, calculated height and width (like in this case, because are attached to the tag and not to a single class/id) can't be displayed properly so are excluded intentionally
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2800
[Bug] when removing a tooltip its css is not removed
DescriptionThe bug is reproduced on the current demo Expected behavior When a tooltip is removed its css is removed What happens instead ?...
Issue #5378
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 #3166
Problem with copy and paste a node
*Version:0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? In the right panel and canv...
Issue #2979
BUG: Defaulting Style Manager values to em or %
Version 16.17 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? I can set up the style manager...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.