GrapesJS Issues

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

545 issues found

πŸ” typescript
#3770Sep 12, 2021by damnslow4 answers
13 reactions

Improve and fix absolute dragMode

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://codepen.io/damnslow/pen/yLXXOxQ Describe the bug How to reproduce the bug?Select both the elementsDrag using drag icon What is the expected behavior? Both elements should move toge...

artf

Absolute positioning, right now, has more than one issue and I'd like to address them all here:[ ] Wrong position on a different Devices[ ] Wrong position on a zoomed/panned canvas[ ] Wrong position for children of the absolute component[...

itscarlosrufo

Hi everyone, Thanks a lot for the feedback and detailed discussion. We’re happy to share that we’ve addressed some of the requested functionality. Also, we’ve introduced a new absolute mode plugin that should cover most of the use cases me...

fmfeit

Hi @artf, this feature is crucial for my current project, so I have two questions: Is it possible to pay you (or someone else) to prioritize this feature? If not, can you outline the steps necessary to resolve the issue and give me a start...

#3763Sep 10, 2021by abolabo2 answers
0 reactions

V0.17.25 . Trait button in the custom component defining.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://jsfiddle.net/abolabo/3g7j519h/19/Describe the bug Code works incorrect: traits: [ { type: "button", text: "click me", full: true, command: (editor) => console.log("trait command"), }, ],...

artf

Thanks @abolabo for the report, this issue was actually already fixed here #3735

GJSBlock

Thanks for reporting this, @abolabo. The issue with v0.17.25 . Trait button in the custom component defining. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...

#3735Aug 30, 2021by codingmachine164 answers
3 reactions

Select options are not displaying. Rather displaying as input

Hi @artf, We are using select options as Traits but these are displaying as input. sometimes theese display options and sometimes displaying as input . Our code is below defaults: Object.assign({}, defaultModel.prototype.defaults, { traits: [ { label: "Categories", name: "noOfCategories", id: "noOfCategories", type: "...

YumiChen

@artf Just to add that we bumped into this these 2 days as well. This seems only happen to version 0.17.25. Following is Jsfiddle for reproducing the issue, if needed please check: https://jsfiddle.net/a29h7twy/5/ Reproduce step:Drag a com...

codingmachine16

Hi @artf This issue is still there. When will this be fixed? [Traits]: 'select' type not found {level: 'warning'}

codingmachine16

OK . Sure. Thanks. For information, this issue does not exist on 0.17.22

#3734Aug 30, 2021by anatoli-dp4 answers
2 reactions

Is there a way to trigger save manually outside of autosave?

as the question states is there a way to trigger the save function via commands outside of autosave? not key value pairs but a command that instantly saves the entire project?

csechrist

editor.store() will save the project, if you have a Storage Manager setup

artf

yes, you have to use editor.store()

anatole-dp

Editor.store() with no parameters just sends empty data for me.

#3733Aug 30, 2021by anatoli-dp2 answers
0 reactions

Storage manager does not load coorectly?

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

You're calling the clb outside the fetch, in your load function

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3732Aug 27, 2021by aliibrahim1234 answers
0 reactions

Comment component type do not support adding traits

i am working on a script that add a trait on all the component type , but the comment type do not have the prototype object. code

aliibrahim123

@artf

artf

Don't use model.extend/view.extend, those are part of the old API. This is an example of how properly extend traits on all components

skru

This is a great solution artf, any tips on how to use this for components that have traits defined in a function?, as per the docs: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

#3731Aug 27, 2021by gustavohleal4 answers
1 reactions

Text element not able to be selected twice after extended with events

Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...

gustavohleal

That actually was the problem. Thanks for replying. I'll be closing the issue.

ronaldohoch

+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.

artf

The events are not automatically merged with the extended component so, you have to do it manually.

#3730Aug 27, 2021by hrdkzala4 answers
0 reactions

Script tag not rendering in HTML page

I created the component as below. site_1 - is my readymade template and it has CSS and javascript. CSS loads properly with the "content" but javascript doesn't so I created component for javascript. On the HTML page, It shows the jquery file is added but doesn't work. I checked in view source. If I made any external j...

artf

Sorry but I don't understand where is your issue. You have created comp-with-js component but then you don't show where you are using it... Please, provide a reproducible demo.

mingxin-yang

script function don't work after drag the block @artf

mingxin-yang

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

#3717Aug 21, 2021by Vikash-ra2 answers
0 reactions

Template does not load using just components

I am trying to load an existing template. I believe that it should work with either components or HTML but it seems to work only through HTML. The following code does not work but code with the corresponding HTML does. The LandingPage Json was taken from the dev toolbar panel

artf

@Vikash-ra please follow the issue template when you create one.

GJSBlock

Thanks for reporting this, @Vikash-ra. Thanks for sharing your report about Template does not load using just components. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddl...

#3714Aug 18, 2021by ltenti2 answers
0 reactions

Partial parse

Discussed in https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>Originally posted by ltenti August 17, 2021</sup> Hi everyone, I'm wondering how to address this kind of scenario:I have to allow the users of my application to edit a webpagethe webpage has some fixed part that the us...

artf

https://github.com/artf/grapesjs/discussions/3711#discussioncomment-1234837

GJSBlock

Thanks for reporting this, @ltenti. Great suggestion about Partial parse! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to...

Browse all topics