Mobile first: Media query ordering issue
See the changes here https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74
Read full answer below βQuestion
Are you using the latest release (older versions are NOT supported)?0.14.61Are you facing the bug with your local copy of GrapesJS or with the current demo?I am facing the issue with both local and 'https://unpkg.com/grapesjs' The issue is mobile first media query ordering issue. With the current version media query ordering status is What is the expected behavior? I tried to fix the sorting in the correct order. ``` sortMediaObject: function sortMediaObject() { ... if (a.key.includes('min-width') && b.key.includes('min-width')) { return this4.getQueryLength(a.key) - this4.getQueryLength(b.ke...
Answers (3)
Seems legit. I'll add it in the next release
Hello @artf @prosenjit-manna , Can you please help me that the feature is requested by @prosenjit-manna is implemented in the latest /*! grapesjs - 0.19.4 */ version ???
I have faced issues while mobile first approach CSS ordering is randomized.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2272
`textable` component disappears with custom RTE
Are you using the latest release (older versions are NOT supported)? YesAre you facing the bug with your local copy of GrapesJS or with the...
Issue #2683
When cancel Colorpicker, it set wrong value for component
Are you using the latest release (older versions are NOT supported)? Yes.Are you facing the bug with your local copy of GrapesJS or with th...
Issue #2722
Highlight and toolbar positioned wrong on outside scroll
Are you using the latest release (older versions are NOT supported)? Yes Are you facing the bug with your local copy of GrapesJS or with th...
Issue #1941
When dragging a block over the canvas, JS in script, is appended in canvas before dropping the block.
You're submitting a BUG Are you using the latest release (older versions are NOT supported)? v0.14.57 Are you facing the bug with your loca...
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
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development β a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.