GrapesJS Issues

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

75 issues found

πŸ” more-information-needed
#2663Mar 17, 2020by h3llomoto2 answers
0 reactions

WASD keypress returns an errror at Canvas

Hi there, I get an error on a keypress at canvas without RTE enabled. Uncaught TypeError: Cannot read property 'hasFocus' of null node_modules/grapesjs/src/canvas/index.js:544

artf

What do you mean by without RTE enabled? I'm not able to reproduce it. Create a live demo with all the necessary steps, please

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...

#2661Mar 16, 2020by h3llomoto2 answers
0 reactions

ToggleStateCls returns js error

Hi there, guys. I found a bug at the LayerManager: I've got an html comment as a layer in the LM. I click the comment. I get an error at the console: And the code this error relates to is: src/style_manager/view/SectorsView.js:47 So, html comments cant have classList property and this is the bug.

artf

Can you create a live demo, please? By default definition, you shouldn't be able to see Comment component in Layers

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...

#2583Feb 18, 2020by MariusDK3 answers
0 reactions

Breakpoints don't match media query in canvas

Hey @artf I have multiple breakpoints The problem is that when i am a resolution (set using the icons) like 411 (mobile) not always the canvas show the style of the elements in that resolution. Canvas use the media query of the tablet and not the resolution that is set from the device manager for mobile. Ex: I am on 4...

MariusDK

@artf please help

artf

Hi @MariusDK I'm not really sure if I got your problem, can you create a little online demo to show better the issue? Maybe you're talking about the difference between the canvas size and the actual media query in CSS? In that case, you ca...

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...

#2548Feb 4, 2020by christiancannata3 answers
4 reactions

Unable to scroll all canvas with zoom enabled

When zoom is enabled is not possible to scroll over all canvas and move components. I think that is transform: scale(1.5) translate(0px); property on canvas the origin of the problem. If I enable an overflow: scroll property outside the canvas, I can move only for a partial canvas, but not on all canvas size. <img wid...

artf

Hi @christiancannata when you enable the zoom you should be able to pan the canvas by pressing SPACE and left mouse click

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...

mmotov

Hi @artf! That was really helpful, but how can I set canvas's original position when I zoomed back to normal state?

#2546Feb 3, 2020by AbdiasM2 answers
0 reactions

Unable to drag cell inside row

@artf Could you please take a look at this. On deleting a cell and trying to add a new cell from the blocks manager, it gives the following error: "Invalid target position: Target collection not found, Target is not droppable, accepts [undefined], Component not draggable, acceptable by [undefined]". These are my cell...

artf

Please, create a reproducible demo of your issue

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...

#2507Jan 13, 2020by ghost2 answers
0 reactions

Default font size units and values

Hi I am using grapesjs in a project that uses proportional scaling everywhere. based on your advice, I can now default the font size selectors to 'em' and make 'em' the only option. editor.on('load', function () { const styleManager = editor.StyleManager; //force font-size to EM const fontSize = styleManager.getProper...

artf

Can you create a reproducible demo?

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...

#2494Jan 7, 2020by andrewryan19063 answers
0 reactions

When adding components to the canvas, duplicates are created in the DOM (but not the model)

When I drag a component - say a Map - onto the canvas, it now creates three copies of that element in the DOM. However, the model is correct, and if I refresh the screen, it renders correctly. Without trying to erect an entire sandbox to reproduce, any quick thoughts on what might be causing this? Thanks, Andrew

andrewryan1906

OK, as far as I can tell the problem is in Sorter.js and centers around this code: This code is called by onMove any time you start to drag a component onto the canvas. I see that you create temporary component, and then immediately remove...

andrewryan1906

This entire problem disappears when I remove this line from my configuration init: Something about that setting causes this behavior. Still don't understand what.

artf

Thanks @andrewryan1906 for all the insights, actually the Sorter file was in my to refactor list for a while now but didn't yet find the time to handle it... Anyway I'm still confused about what is going on, for sure I need you to create a...

#2331Oct 16, 2019by hellocaio2 answers
0 reactions

CSS rules overwritten by cssComposer.setRule(...)

My site has a custom sidebar to set site-wide colors, font-families, font-sizes and so on. When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size). To change these styles I am doing: cssComposer.setRule("p", { "font-family": value }...

artf

When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size). It's not clear to me what do you change and where the style is overwritten... maybe you can pro...

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...

#2321Oct 9, 2019by glassdimly2 answers
0 reactions

Drag and drop re-ordering of components?

I've got a several bolt-interactive-steps within bolt-interactive-pathway and I wish to order them, but grapesJS dragger only allows me to drop it inside bolt-interactive-pathway to be appended to the end: no ordering. This is compounded by the fact that this actually works about 10% of the time.

artf

Is it only within Layers or also on canvas? Can you create a reproducible demo, please?

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...

#2184Aug 6, 2019by D33Funky3 answers
0 reactions

Losing predefined media queries

Hi. I have a predefined json of a template which contains a set of html elements and styles which are parsed into the set of components upon grapesjs load. The css contains some of the default media query rules which I'd like to keep for the template. Commands editor.getHTML() and editor.getCSS() return correct values...

artf

Provide a reproducible demo, please

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...

abozhinov

I have the same problem. This is my issue -> https://github.com/artf/grapesjs/issues/2843

Browse all topics