GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

71 issues found

πŸ” mobile
#3446May 9, 2021by Spectrevuln-sketch4 answers
0 reactions

Cannot Store Data Unexpected token '-'

Please Help Me, I Want To Store gjs data to mysql but i cannot get any data from front end to back end here my code: const editor = grapesjs.init({ container: "#editor", storageManager: { type: 'remote', params: {}, // For custom values on requests // your SERVER endpoints urlStore: 'http://example.com/store-webpage',...

Ju99ernaut

Variable names can't contain '-', so this syntax is invalid:

Spectrevuln-sketch

please help i want to store my the template to mysql how i to do it?

Ju99ernaut

Unfortunately this may be beyond the scope of grapesjs but some things to note Also since it looks like you're removing the gjs- prefix during storage, you must also add it back during loading. A similar approach is used here https://githu...

#3437May 6, 2021by RaresVlaiduc2 answers
0 reactions

UNDO/REDO ISSUE

@artf , it's pretty important if u ask me :) Version: v0.17.3 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? If I change the device and then I press undo and redo I will get to the last device type. (e.g: Mobile -> Tablet, Undo, Redo) Describe the bug How to reproduce:Ente...

artf

Thanks @RaresVlaiduc I'll prevent tracking device changes in undo manager

ClaudeCode

Thanks for reporting this, @RaresVlaiduc. Great question about UNDO/REDO ISSUE. The recommended approach with UndoManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on...

#3395April 9, 2021by Abhisheknanda13444632 answers
1 reactions

Observation -: Inconsistent Mobile view

Hi @artf Please have a look to the attached video. I've checked the mobile view and observed that mobile view is different as compared to editor-mobile view. Any thoughts on this? or It's supposed to be work like this way Screen Recording 2021-04-09 at 2.55.45 PM.zip

Abhisheknanda1344463

It's fixed. Closing the issue.

ClaudeCode

Thanks for reporting this, @Abhisheknanda1344463. Great question about Observation -: Inconsistent Mobile view. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

#3339March 14, 2021by Nigus3 answers
0 reactions

Question: How to add different aspect ratios to mobile devices in the device manager.

We are working on a cms system that uses grapes js. We came up with a condition where we couldn't add aspect ratio in the "mediaCondition" by keeping the orientation. Our design editor has a portrait and landscape design modes with 16:9 ratio. But we would like to add more aspect ratios like, 18:9, 19:9 and 19.5:9, so...

artf

Sorry, can you illustrate better what do you need? What is the final CSS you'd expect from the editor

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

ClaudeCode

Thanks for reporting this, @Nigus. Great question about Question: How to add different aspect ratios to mobile devices in the device manager.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the Gra...

#3329March 10, 2021by imouou4 answers
0 reactions

How should I receive custom trait modifications in the script?

Hi, @artf, this is a great framework, thank you very much. I am now using it to create components of the mobile BUI framework, and I ran into a problem, I added a custom trait textarea, how can I make this When the data changes, it is triggered in the output script.

Ju99ernaut

You'll need to add the trait to script-props, you can read more here https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts

imouou

Thanks @Ju99ernaut, If it is some built-in features, when modifying the script can receive the value of the parameter, I am currently experiencing problems: custom feature textarea, can trigger changes such as dom, but the exported script...

Ju99ernaut

You can try forcing the script to update:

#3310March 5, 2021by Andrew-Chen-Wang3 answers
3 reactions

Tablet and mobile view not resizing

Version: The one in the demo Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? Mobile and tablet view should resize the canvas when window resizes. Describe the bug detailed The desktop view properly resizes the canvas when resizing the window What is the current behavior?...

Ju99ernaut

The mobile and tablet devices are pixel pased, so they just resize the canvas to a certain number of pixels regardless of window size. I believe desktop just sets canvas to 100%.

artf

As mentioned by @Ju99ernaut this is how devices work. Honestly, I don't even see the reason behind such a case, why the user should resize the window? You might also start to see/update styles not related to the proper device and that woul...

ClaudeCode

Thanks for reporting this, @Andrew-Chen-Wang. The issue with Tablet and mobile view not resizing appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modification...

#3305March 3, 2021by RaresVlaiduc3 answers
11 reactions

(v0.16.41) Button not set as active on click

Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes [x] No What is the expected behavior? When I click on a button, the gjs-pn-active class should be added. Describe the bug detailed I have 3 buttons for 3 different devices (desktop, tablet and mobile). I have them on a top panel and when I clic...

Ju99ernaut

Grapesjs requires your commands to have the run and stop functions for them to toggle panel buttons automatically, so maybe that might be the issue:

kerryj89

@Ju99ernaut Thank you for that. Active state is now working for me when creating devices-c panel through grapesjs.init().

ClaudeCode

Thanks for reporting this, @RaresVlaiduc. The issue with (v0.16.41) Button not set as active on click appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modific...

#3122November 9, 2020by tranthanhhoa2 answers
1 reactions

Missing media style on the duplicated component

Version: 0.16.27 Summary: Missing media style on the duplicated component Steps to reproduce: Try to change something on Tablet or Mobile Duplicate the changed component Expected: The duplicated component has media style Actual: The duplicate component hasn't media style

artf

Thanks @tranthanhhoa I've actually fixed it already on your other issue, that one was related to the state of rules but I've noticed the same with media, so both are ready for the next release :)

ClaudeCode

Thanks for reporting this, @tranthanhhoa. Thanks for sharing your report about Missing media style on the duplicated component. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/J...

#3121November 9, 2020by sadtaco1 answer
0 reactions

FEAT/ISSUE: CSS standards

I'm going to say this is both a feature request as I get into some parts of it, but also a bit of an issue. I would say it looks bad to have a project newer than 2015 that's using px for nearly everything. People are using screensizes that are only 768 pixels on the narrowest plane, whether mobile or desktop, to 2160p...

ClaudeCode

Thanks for reporting this, @sadtaco. The issue with FEAT/ISSUE: CSS standards appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating...

#3108November 1, 2020by vijaycreatise2 answers
0 reactions

Move Layer up & down with arrows

Can we move layers up and down with arrows or with buttons? This will be helpful in mobile to move the layers.

artf

In the core, there is no such functionality but for sure you can add your buttons and use the API to move components up and down

vijaycreatise

@artf thanks for the reply and grapesjs is awesome, great work. I went through the API but not able to find out which one to use. Can you please help me out which api should I use?