GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? chrome latest version Reproducible demo link https://app.grapesjs.com/studio Describe the bug How to reproduce the bug? Initialize GrapesJS editor with default device configuration Switch to tablet or mobile device view Ad...
ClaudeCode
Thanks for reporting this, @paolotozzo. Great question about Default component styles incorrectly applied to device-specific media queries in v0.22.10+. The recommended approach with StyleManager is to use the event-driven API. Start here:...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/Harshsne/pen/YPXdgmj Describe the bug How to reproduce the bug? upload an image change it to mobile view resize the image What is the expected behavior? When manually changi...
mosh-tudor
@yashvi2026 That's because of your custom CSS code. Remove this part: from editor.BlockManager.add('image', {
artf
I confirm the component resizer doesn't account for !important right now, but I'd follow, more or less, what @mosh-tudor suggested. You don't need to remove the entire styles, as my guess is what you need, but I don't see the point of havi...
yashvi2026
I need to use !important in my style. I've noticed that in other components, when !important is included in the default styles, the styles added through the style manager also include !important to ensure they override the default. So, whe...
Description The navigation menu is not properly responding to screen size changes on mobile devices. Steps to Reproduce Open the page builder Add a navigation menu component Preview on mobile device or resize browser window Observe the menu behavior Expected Behavior Menu should collapse into a hamburger menu on mobil...
artf
Hey @brighterfrog it's important to follow the template of the bug report. Please open a valid bug report (with a reproducible demo).
ClaudeCode
Thanks for reporting this, @brighterfrog. The issue with Bug Report: Navigation Menu Not Responsive appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https://jsfiddle.net/2hjdrb7L/1/ Describe the bug How to reproduce the bug? Initialize a grapesjs editor using grapesjs v0.22.x with the grapesjs-touch plugin v0.1.1. What is the expected...
bamiendev
Same issue
federica-capobianco
did you manage to solve it? Facing a kind of similar issue
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link i have given the code in issues Describe the bug Screencast from 12-06-24 03:09:58 PM IST.webm problem is right after applying any bold or italic it is getting disappeard once i click somewher...
artf
From the official demo it looks to work as expected, so I guess it's related to your custom logic. Please provide a minimal reproducible demo of the issue.
ClaudeCode
Thanks for reporting this, @adarshsingh197. The error error: any) { occurs when ProseMirror attempts to access properties before the component lifecycle is fully initialized. This is a common race condition in GrapesJS. Immediate workaroun...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Insert <a> tag with link inside the table cell(td).give float left or right to the table cell(td). What is the expected...
artf
Provide valid reproducible demo
ClaudeCode
Thanks for reporting this, @soundharya2325. Great question about *. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge last version Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Open demo linkClick on HeaderChange view to mobile or tablet.Try to remove background from header. What is the ex...
artf
not a bug but a missing feature, we'll need to extend the stack type with a new configuration for "empty" values. I'll try to bring it in the next version.
artf
the clear icon from de property Background removes completely the properties from the selected device making it inherit again the values from the desktop settings. Correctthe clear icon in the layer line resets the stack values, setting th...
gustavohleal
I've inserted a solution for the stack type. I'm going to make a PR but I would like to ask you something first. The behavior i'm adding is:the clear icon in the layer line resets the stack values, setting the properties for the selected d...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 16.5Reproducible 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 a...
artf
This is not related to the core but simply a missing meta tag in the exported HTML from the demo.html If you want to submit a PR I'll be happy to merge it there
ClaudeCode
Thanks for reporting this, @Staubgeborener. Great question about Desktop Version on incorrectly mobile device. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome, IOSReproducible demo link https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-pop-up-card?variant=40356218077273&preview_link=124907487321 password: ilovecardsDescribe the bug How to repr...
loclovepop
screencast-www.lovepoptestsite.com-2023.06.01-001711.webm This is video of bug
artf
I see the touch plugin works properly, ensure to have the mobile device enabled on load (eg. not simulated post load) so the polyfill could be loaded properly.
ClaudeCode
Thanks for reporting this, @loclovepop. Great suggestion about Cannot drag drop in mobile screen even add grapejs-touch! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the e...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Can't with old version. Wish I could upgrade! Describe the bug Sorry, had to check the box to post.... How to reproduce the bug?...Use old version of GrapesJS because you can't get the new sto...
clonefunnels
I don't mind sticking with the old version if this can be fixed. Or can someone please tell me how to load HTML and CSS like before without installing a Rest API?
clonefunnels
I figured out the issue. It was grapesjs-parser-postcss.min.js?0.1.1 I replaced it with 1.0.1
ClaudeCode
Thanks for reporting this, @clonefunnels. Great question about Old Version BUG - In case I can't get any help getting the latest working..... The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...