Are media queries broke?
Question
I'm just trying the demo on my phone https://grapesjs.com/demo.html
render of HTML/CSS https://us-central1-connectionhelper-6e7ed.cloudfunctions.net/app/api/pages
and noticed that it still looks like the desktop version. When i'm in the editor and look at the mobile version it looks a bit different. Kind of confused why the editor mobile preview looks different than the actual render.
Doesn't seem like any media queries are being applied.
Answers (3)
Hi @artf I did open an issue regarding mine with a codesandbox https://github.com/artf/grapesjs/issues/2774
My issue was actually more about style not being render correctly in the canvas. My issue above was actually on my side as it was missing the HTML code with the CSS.
Thanks a lot
I second this!
Same issue on 0.16.12, When importing CSS with media query most css in the media query get removed, but not all?? I tried with the postcss parser as well and same issue.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2184
[QUESTION] Losing predefined media queries
Hi. I have a predefined json of a template which contains a set of html elements and styles which are parsed into the set of components upo...
Issue #1708
StyleManager events fire multiple times per change
To reproduce: On a fresh install of GrapesJS, within the demo page (within index.html), add an event listener like so: editor.on('component...
Issue #3444
removeButton() causing error
Hi, I'm trying to remove a button from panel using this code editor.Panels.removeButton('options', 'fullscreen') . It removes the button bu...
Issue #4448
BUG: Error on resize image.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser Last version Reproducible de...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.