GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

569 issues found

๐Ÿ” canvas
#2061June 2, 2019by froderf3 answers
0 reactions

[QUESTION] How to place a component at the end of the canvas.

How can I put my footer at the end of the canvas? I want the editor to not allow placing a block/widget below the footer. example

artf

You can use something like this

froderf

@artf Do we have something like removeAdjacentHTML() editor.getWrapper().getEl().removeAdjacentHTML('afterEnd', footer); because when we used it keeps duplicating every after you reload the window. -------------- I'm looking for a way to s...

artf

Do we have something like removeAdjacentHTML() getEl() gives you the HTMLElement instance so insertAdjacentHTML is from DOM API, not GrapesJSit keeps duplicating every after you reload the window. ... can you create a reproducible demo?

#2037May 25, 2019by fmr4111 answer
0 reactions

[QUESTIONS] Toolbar error position when adding elements

I made canvas in modal, but there were a few bugs, when I added a new component, the position of the toolbar went down, the top canvas value that was initially 0 changed (console.log (r.canvasTop) in grapesjs.min.js), but when I resized the browser, everything was normal again (the bug only happens every time the page...

artf

If you encounter an error, open the issue as a bug, please. So follow the template for the bug.

#2033May 24, 2019by charlieshum11 answer
1 reactions

[QUESTIONS] How to change the style of the outline of selected components

Hi @artf I can change the style of outline of a hovered component with .gjs-cv-canvas .gjs-highlighter { ...... } How can I change the outline style of a selected component? I cannot apply the style using '.gjs-comp-selected' Also, how can I change the style of the component type/name label of hovered/selected compone...

artf

Only selected component style is inside the canvas, so you have to use canvasCss option https://github.com/artf/grapesjs/blob/8915ae417bed25a4834b34d8f0ecc08f0e03fd64/src/editor/config/config.js#L74-L78 for the rest, you can use simple CSS...

#2030May 23, 2019by ohmyvander1 answer
0 reactions

[Question]Is it possible to customize a block which load data from database

For example, I want to create a complex custom navbar block. It has several first level navigations, and each of one also has several second level navigations. The data of navbar is loaded from database. And when I drag it to the canvas, I can modify properties in trait to change the data navbar loaded. Also, when I e...

artf

Sure, but in that case, I'd suggest you create a custom component. Here an example/pseudo-code of triggering an async function for changing the component content

#2024May 20, 2019by charlieshum1No answers
0 reactions

Block CSS collide with CSS rules already defined in template

For block specific styles I'd recommend just using style tag If you want to preload external stylesheet inside the canvas Hi @artf When using <style> tag to define styles inside the 'content', after the block is dropped on the canvas, the css rules of the block overrides those of the elements that already in the canva...

#2017May 15, 2019by keithstric2 answers
0 reactions

QUESTION: Pressing Backspace or Delete key in traits panel removes element from canvas

I'm using grapesJS within a Polymer 3.x Element and everything is working beautifully, awesome project. However, I'm experiencing an issue: When I select an element in the canvas, navigate to the traits panel, put my cursor in a trait field enter some text (or not) and then press the delete or backspace keys, it delet...

artf

Sounds like an old issue to me, are you using the latest version?

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

#2014May 13, 2019by alimajed933 answers
1 reactions

[BUG] - Not able to get content of a link block

Hello all, I am using grapesjs version 0.14.52. I am having the following issue: When I drop a link block inside the canvas, I can use the following linkModel.get("content"), to get the content of the link. But once I set a new content, using linkModel.set("content", "whatever"), linkModel.get("content") starts return...

prosenjit-manna

Duplicate #2013

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.

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.

#2013May 13, 2019by alimajed933 answers
0 reactions

[BUG] - Not able to get content of a link block

Hello all, I am using grapesjs version 0.14.52. I am having the following issue: When I drop a link block inside the canvas, I can use the following linkModel.get("content"), to get the content of the link. But once I set a new content, using linkModel.set("content", "whatever"), linkModel.get("content") starts return...

artf

Unfortunately, this is due to the not consistent logic in the ComponentTextView https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/dom_components/view/ComponentTextView.js#L87-L114 So, if you use the built-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.

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.

#2010May 11, 2019by simplecommerce1 answer
1 reactions

[BUG] Droppable query selector [data-gjs-type="my-component-type"] no longer working

Hi, since the latest version, I noticed that when I use the droppable query selector using [data-gjs-type="my-component-type"] no longer seems to work. I have added two codesandbox demos to show you the issue. I am not able to figure out what changed. Hope it helps, thanks!You're submitting a BUGAre you using the late...

artf

Ok seems like the regression was introduced by this change: https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358 I'll fix it in the next release. Thanks for the report

#2008May 11, 2019by amoslover3 answers
0 reactions

[Question]The canvas turns dark and unmodifiable on adding a large piece of custom html.

I used to add custom html with editor.addComponent(). It works well at most of the time, but when I try to insert a large piece of HTML which may contain a bunch of children elements the canvas turns black and cannot be modified. I can only reload the whole editor to make it works again.

artf

the canvas turns black weird thing. Are you able to create a reproducible demo? Upload here the template if you need

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

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.