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
[BUG] `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
[BUG] 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
[BUG] 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
[BUG]: 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
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Tutorial
GJS.Market Just Got a Major Update — Here's What's New
A new Marketplace page, curated Premium Picks, a sticky product CTA, smarter product labels, and a full mobile UX refresh — here's everything
Tutorial
10 Mistakes When Building a Visual Editor (And How to Avoid Them)
Visual editors are powerful tools — they enable non-technical users to create websites, emails, landing pages, and applications without writing code
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.