Issue #5221Opened July 7, 2023by Staubgeborener0 reactions

BUG: Desktop Version on incorrectly mobile device

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Safari 16.5

Reproducible demo link

https://grapesjs.com/demo.html https://staubgeborener.de/

Describe the bug

I was trying out the official demo. I changed nothing, but simply click the view code button and download the html and css file as zip archive. These files were uploaded to my web server which is working perfectly on desktop devices. But as soon i visit this web server with a mobile device (for example iOS - safari browser) the website is still in desktop version and not in mobile version. The demo itself has a mobile version implemented.

How to reproduce the bug?

  1. visit https://grapesjs.com/demo.html
  2. click view code in upper right corner
  3. click Export to zip
  4. upload content to webserver

What is the expected behavior? Getting the mobile version on mobile devices

What is the current behavior? Getting the desktop version on mobile devices

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

Screenshots:

Opening website on mobile device (which is wrong) 29F04642-DE16-4CFA-BDFF-C1AC5CF32983

Opening the website on desktop device (correct behaviour) grafik

This is what i expected: grafik

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (1)

artfJuly 10, 20230 reactions

This is not related to the core but simply a missing meta tag in the exported HTML from the demo.html

<meta name="viewport" content="width=device-width,initial-scale=1">

If you want to submit a PR I'll be happy to merge it there

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.