GrapesJS Issues

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

75 issues found

πŸ” more-information-needed
#1988Apr 29, 2019by MisterFK3 answers
1 reactions

Bug on resize image

Hi ! I have some issues when i want resize an image. When i put an image and when i click one resizer handler, the image don't keep his height but expand it to 100% of parent container... I didn't found an option into the "resizable" option to disable that : editor.DomComponents.addType('image', { model: { defaults: {...

afdallah

It would be easier for everybody here to help you if you can provide a live demo. I experienced the same issue, but in my case, it was because I set the image height to auto. Here is the example of my old issue:

MisterFK

Thanks but it's not the same issue. I take a video to show the problem :

artf

Thanks for the report @MisterFK can you provide a live demo of the issue, please?

#1977Apr 25, 2019by Ramkumar-Murugesan2 answers
0 reactions

Gjs-component is not updated with my traits values

Hi, have I modified my HTML using the toHTML function in traits. An HTML element is updated but the gjs-component is not updated still it shows the old code. my traits are but its shows older code like type="radio" is not stored in gjs-component after i loaded my saved screens before saving the screen after saved and...

artf

I barely understand you here... please provide a reproducible demo

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.

#1906Mar 19, 2019by arthuralmeidap3 answers
0 reactions

Components & Js - Load Template

Hey, I have a component which has a JS attached to it. Everything is created using the JS. When I drag and drop my block for the first time, the JS runs fine and everything works nice. When I load an existing template, it seems the JS is not running. The JS creates some DOM elements like a DIV and CANVAS but they are...

artf

Hi Arthur, are you able to create a demo of the issue?Other problem: the data-gjs-type is changed to default instead of keeping my custom component type name when the template is loaded. It seems the isComponent method is not called when I...

ayazhussein

I'm having the same issue. When I drop a Component with a script, it works but after I refresh, it doesn't You can test it out grapesjs-component-countdown, after you refresh, the digits don't show up. this is my config ( it is used in an...

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

#1888Mar 13, 2019by RobertoCorreale3 answers
0 reactions

Add custom html inside canvas

Hi there, I'm using grapes to export a custom json with all the information i need, instead of HTML and CSS. For doing that I'm parsing the gpjs-components stored on localStorage. Now iI need to customize how components are rendered inside canvas. For example I have an Input component with two traits (label and value)...

artf

I think is because adding new nodes inside the canvas, grapes cannot calculate the correct order. Correct, the order is based on components in the model, not the view. So, just to be clear, that <label> you're adding in updateComponentView...

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.

#1842Feb 28, 2019by AkibDeraiya1233 answers
2 reactions

Showing two times some properties and not showing some options too.

Hello, @artf @NicoEngler, I have one strange issues. I am using grapes.js and grapes.min.css with version of 0.14.50. While i am selecting any component then i can change it's css properties through editor side pane. But i can see two times dropdown Typography and Decorations. I see into demo of the grapes.js it shows...

NicoEngler

Please show how you initialize grapesjs. Chances are the problem can be found there.

scottreag

Facing the same issue too. It's been two years, has anyone found a solution?

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

#1804Feb 18, 2019by AkibDeraiya1233 answers
0 reactions

Applying two different traits on same html tag but applies only one

Hello @artf , If we need to initialize two traits on same HTML tag then it's possible or not? Actually i define two different traits on same tag(on link/a tag). Let me describe you in little bit brief. Suppose i have one group of links which contains class is like not-drag-drop. So, it's HTML code is like So for above...

artf

The HTML code is already loaded in canvas? Did you try to execute your custom component definition via a plugin? Otherwise you're trying to see changes on already loaded components

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.

#1781Feb 8, 2019by kickbk3 answers
0 reactions

Add a font-size type prop

I'm trying to create a font-size type of property that I would like to add to the dimensions sector. Doing this: Getting the value and all, but it's just showing an input box. Not one with the select option between the units. What am I doing wrong?

artf

Seems to work on my side: https://jsfiddle.net/ewyb2zcu/

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.

#1758Jan 29, 2019by tjb2953 answers
0 reactions

Unable to load in CSS string with characters such as '#' with setStyle()

You're submitting a BUGAre you using the latest release (older versions are NOT supported)?If you're not sure, type grapesjs.version in console and press ENTERAre you facing the bug with your local copy of GrapesJS or with the current demo?If a local copyIndicate all informations about your OS, browser and GrapesJS ve...

artf

First of all, use the latest version and then, can you show an example and the error returned by setStyle?

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.

#1708Jan 4, 2019by charlietoleary3 answers
0 reactions

StyleManager events fire multiple times per change

To reproduce: On a fresh install of GrapesJS, within the demo page (within index.html), add an event listener like so: editor.on('component:styleUpdate:width', (model) => { console.log(model); });Issue: When changing the 'width' value of any element, the 'model' variable will be printed multiple times. The issue seems...

khbhr

Hello, I am having the same problem and since that it is not solved yet, it would be a solution to use the debounce technique. check this example.

ajumell

Hello, I also found this issue. The event is firing even without changing the width I added the following code to the html page and the log is generated multiple times. editor.on('component:styleUpdate:width', (model) => { console.log('Com...

artf

I think the fix is already available on the dev branch (so ready for the next release) https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 I see multiple events on...

#1696Dec 31, 2018by muhamdgomaa283 answers
0 reactions

Traits appear first time when draged custom component

Hi artf , i have created custom component and add traits for it , when dragging this component to editor and select it the setting traits work correctly . the proplem is when draged the same component behind the old component to editor and select setting traits the default traits will appear ( id , title) only , this...

artf

Please create a live demo of this 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...

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.

Browse all topics