GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

1180 issues found

#2974August 26, 2020by naveen-baskaran1 answer
0 reactions

BUG: Hover editor result in TypeError: this[0].getAttribute is not a function

Version: "0.16.18" Are you able to reproduce the bug from the demo? Yes Describe the bug detailedSet the padding for the body inside the iframe.onhover the body part in editor the error throws in console. What is the current behavior? Uncaught TypeError: this[0].getAttribute is not a function at b.w.attr (cash.esm.js:...

artf

Thanks Naveen, the error will be fixed in the next release

#2971August 25, 2020by gunslingor3 answers
0 reactions

BUG: Minor issue in webpage demo Tooltip

webpage demo Summary: el.setAttribute('title', ''); fails for view panel buttons only (not options panel buttons). Symptom: You can see the mouse over on the view buttons, they all start with "Open yada yada", the word open should be removed per the array (e.g. ['open-sm', 'Style Manager']). Cause: Suspect something i...

artf

Can elaborate better on how to reproduce the issue, please?

gunslingor

Go here: https://grapesjs.com/demo.htmlHover over any view icons, notice the tooltip starts with OpenIf you look a the javascript, in the same area you set the other tooltips your changing these as well to show the name without the word "O...

artf

Those tooltips are made for the demo purpose, this has nothing to do with the core library... Anyway, the value shown is taken from data-tooltip and not title.

#2962August 19, 2020by SintoDema3 answers
1 reactions

BUG:

Hi @artf, Version: grapesjs - 0.16.18 ckeditor - standard - 4.14.1 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? While applying the inline formatting options from inline CKeditor options, it should reflect in the selected text. Describe the bug detailed I have integrated the CKedi...

SintoDema

Hi @mcottret, That was a very helpful reply. It fixed the whole issues related to the inline formatting. Thank you.

mcottret

Hi @SintoDema ! The GrapesJS CKEditor plugin already registers CKEditor as a custom RTE, so calling editor.setCustomRte is actually setting it up twice, which I believe causes those problems. Remove the editor.setCustomRte block & it shoul...

SintoDema

Hi @mcottret, I have already tried that earlier & as your suggestion again I have removed that section from my application. Now, there is no formatting options tab. I do not have given any restrictions( ) in CKEditor option, just loaded th...

#2961August 18, 2020by kuhelbeher3 answers
1 reactions

BUG: Components in custom modal isn't editable

Hello, I'm trying to add custom modal block to my project and I want to change content of this modal also with drag&drop. Here's code of my modal block: The problem with this code is that grapesjs wraps whole content with div wrapper when user drops it on canvas and everything inside this div isn't editable, selectabl...

Ju99ernaut

Maybe use the layers panel or disable the script using a trait as shown on issue #2772

Ju99ernaut

I think the content field is treated as plain text so use the components field instead:

kuhelbeher

@Ju99ernaut thanks for great suggestion. It worked. But now I have different problem - how can I select "Open modal" button for styling or modifying? When I click "Open modal" button it opens modal. Can I somehow prevent firing this event?...

#2960August 17, 2020by jayeshmotwani3 answers
0 reactions

BUG: The UI for Margin and Padding properties inside the sector

Hello, I am creating a sector for just margin and padding with the code below: And the sector is created with Margin Properties as shown in below screenshot: As you could see, the properties are placed in the same row. I want them to be displayed as 2 properties only in a row. Please refer the below screenshot for mor...

RJCAM

Hi @jayeshmotwani, wich version are you using? I've just copy/paste your code and it seems working as you expect like in your second image, not the first. I've also did it in the demo, works fine, the properties are organized with 2 prop i...

jayeshmotwani

Hello @RJCAM, Thanks for your reply. I am using version 0.16.18

jayeshmotwani

Ahhh! I just realized! It is because I increased the size of the panel!

#2958August 13, 2020by rudym872 answers
0 reactions

BUG: editor.Panels.removeButton('options', 'preview') breaks View code

Version: 0.16.18 Are you able to reproduce the bug from the demo? No What is the expected behavior? I want to hide the default preview button while keeping the default "View code" button. What is the current behavior? "View code" no longer works if the preview button is removed via ` Are you able to attach screenshots...

mcottret

Hi @rudym87 ! The problem seems to be caused by the deactivation of the button clicked to run the command (cf below), which causes the modal to instantly close. https://github.com/artf/grapesjs/blob/a85126883fbeafe3a437b1421b952931a5aaafc0...

artf

correct @mcottret, honestly, I don't even see the reason anymore to keep this command stateful. So, I'd remove that useless sender.set('active', 0) and the stop function from it. Let me know if you have a better idea

#2957August 13, 2020by jayeshmotwani1 answer
0 reactions

BUG: Unable to add <table> tag for custom block

Hi, I am trying to create a custom countdown timer block. The code is as follows: I am adding content inside 'table' tag. The moment I drag and drop the block I get an error - Uncaught TypeError: t.get is not a function. Please refer the below screenshot: But, It works again If I make any changes on editor. Refer the...

artf

As you can see the error is triggered from grapesjs-plugin-social, so not related to the core. One only thing I can suggest is to use tbody tag inside your table

#2954August 12, 2020by ghost1 answer
0 reactions

BUG: Cannot run preview mode when test with Jest

Version: 0.15.10 Hi! I am using Jest for testing my Grapes.js components. I need test my components behavior in a different environment like an edit mode and preview mode in Grapes.js editor. When I test in edit mode everything is fine but when I need test in preview mode I try to run script editor.runCommand('preview...

ghost

I forget to add editor wrap element in current document so editor initializing by me was not existing in DOM The solution on 12 line: <img width="488" alt="solution" src="https://user-images.githubusercontent.com/48758473/90397413-77f2a000...

#2953August 11, 2020by cartifon2 answers
0 reactions

BUG: Error when navigating out from Grapes with something selected.

Hey @artf, Steps: Open Canvas with GrapesJS, select any of the components, then click on Go to Random, I get an error that says "Cannot read property 'models' of undefined". This only happens if I call the editor.destroy() before navigating to a different page. But if I remove the destroy, it works fine... Demo: https...

artf

Thanks @cartifon should be fixed in the next release

Nelida27

Hello, I have the same problem now that I moved to latest version. Should I call editor.destroy()?