CSS property always added to the end of sector
For future reference, looks like this is a default configuration if anyone needs to use it as a base: https://github.com/artf/grapesjs/blob/dev/index.html#L89
Read full answer below ↓Question
I wanted to add min-height and max-width to the default properties. Is it possible to add these next to max-height instead of at the end of the sector? Or will I need to just manually define the entire sector in order to manage property order?
Also, I was just curious why these weren't included in the defaults?
Thanks for making such a rad project!
Answers (2)
For future reference, looks like this is a default configuration if anyone needs to use it as a base: https://github.com/artf/grapesjs/blob/dev/index.html#L89
Is it possible to add these next to max-height instead of at the end of the sector? Or will I need to just manually define the entire sector in order to manage property order?
Unfortunately, currently, you have to define the entire sector. I'll add at option (same as in addSector) in the next release
Also, I was just curious why these weren't included in the defaults?
IDK to be honest, probably those I have defined were already enough
Thanks for making such a rad project!
Thanks to you for using it 😁
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3193
FEAT: Change of current internal object store to allow for relation mappings instead of current indexable container implementation
What are you trying to add to GrapesJS? Currently newly instantiated editor instances are added to a indexable collection where the user mu...
Issue #3525
FEAT: In Style Manager, Allow Requiring the Default Setting
What are you trying to add to GrapesJS? The CSS property float only makes sense for position: static; elements, which happens to be the def...
Issue #3407
FEAT: CSS Grid
What are you trying to add to GrapesJS? Add support for CSS Grid (display: grid;) and its various options. I have no immediate personal nee...
Issue #1951
[QUESTIONS] change or add event on add component from block
is it possible ?, change the drag and drop event to on click when adding a new component, I want to add components by clicking the block th...
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 →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.