My customers also require the ability to use the GrapesJS platform on their mobiles, therefore I am currently using the GrapesJS-Touch plugin. The issue, however, is not with the plugin, but rather about a missing method within the GrapesJS code. The issue and solution are provided by Mikereem at the following link: [...
artf
I'd be happy to merge a PR
saltyfoam
We're making use of GrapesJS and would love to have greater support on mobile so I hope this goes through!
Hi, Please help me add device manager mobile landscape with structure example: @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } Currently, i have device manager with structure: @media (max-width: 480px) { } Thanks
artf
Check the DeviceManager API For now, it's only possible to use a single condition (configurable via mainConfigObject.mediaCondition option, max-width is the default)
Ensaphelon
@artf Is there any reason why grapesjs still does not support this feature? It seems that it could be resolved just by removing mediaCondition option from the EditorConfig at all, and allowing to pass any media query for each device in the...
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 o...
prosenjit-manna
See the changes here https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74
artf
Seems legit. I'll add it in the next release
Palash-Mandal
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 randomi...
@arthuralmeidap can you tell guide me how to set style different style for each device. I use the mobile-first strategy. For example to set a different background on mobile and desktop devices. mediaCondition: 'min-width', var deviceManagerConfig = { devices: [ { name: 'Desktop', width: '', widthMedia:'768px' }, { nam...
umerrinayat
@abozhinov I'm facing the same issue. If you solved the issue? Can you share it here. Thanks
theSC0RP
@abozhinov @umerrinayat I am facing the same issue. If you have solved it, can you please share it here?
I have developed a Grapesjs Application in which when I switch device from desktop to mobile it gets distorted. Please Help... Desktop View: Mobile View: Or tell me how can I add a horizontal Scroll Bar in mobile view
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
BUGAre you using the latest release (older versions are NOT supported)?0.14.50Are you facing the bug with your local copy of GrapesJS or with the current demo? It's a local copy. The used verions (including plugins) are: I'm working on MacOS and tested with latest Chrome: 70.0.3538.110 (Offizieller Build) (64-Bit)What...
artf
All elements were deleted but there is still an empty div-container in the viewport You don't explain steps to reproduce this issue, but please check in Layers first. I'm pretty much sure you don't delete some kind of wrapper, which has no...
renepardon
Hi @artf even with the provided link https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8 you were not able to reproduce it?
artf
I can't reproduce it due to missing resources (and as I said, it's probably a problem with your files...)
First, thank you for creating this awesome framework @artf. I integrated this framework with my project and i want it to be used through mobile devices. Basically i use this to create themes. When i use a iphone/ipad to access my website and use this, its not responding. I can edit text in buttons, placeholders of inp...
artf
Hi @sarindaSenevirathne you have to use this plugin to make it work properly on mobile devices https://github.com/artf/grapesjs-touch
sarindaSenevirathne
Thank you @artf for your reply. I tried that but not working in our situation . As shown in this figure we want the user to change an already uploaded image. But when i try from a mobile device the popup doesnt pop. Please can u point me i...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and then the tab view then media query do not work for mobile view. If we update style for desktop first, tab second and mobile third then everything works fine but if we reverse the st...
artf
@Sharsie #1996
YashPrince
@artf Problem is that if we add a style mobile first and then on tab then mobile view css is override by tab view and all the css applied for the mobile view will not apply on the mobile view as it override by tab view.
YashPrince
@artf Any Update about this as it's a big issue. User can not update css for tab once they apply for the mobie first. They need to delete and readd that element.