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?
- visit https://grapesjs.com/demo.html
- click
view codein upper right corner - click
Export to zip - 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)
Opening the website on desktop device (correct behaviour)
This is what i expected:
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
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.
Issue #5549
BUG: mj-preview is not editable
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 17Reproducible demo link https://grap...
Issue #5046
BUG: is there any way to remove cross svg on selected default value of Float, Position and text-align
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 111.0.5563.147 (Official Build) (6...
Issue #4094
BUG: When drag and drop block into editor in Chrome, not able to drag and drop block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-...
Issue #4083
BUG: Set root does not work
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://js...
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.