GrapesJS Issues

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

3464 issues found

#3806September 22, 2021by throne19863 answers
0 reactions

BUG: Target :null when adding video

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome new version Reproducible demo link https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe the bug How to reproduce the bug?Drag and drop the video to canvas area fro...

throne1986

@artf can you please help me with this?

artf

The issue is here You can also remove that global listener and update the video Block with activate: true, way more cleaner.

throne1986

> The issue is here> > > > > > > > > > > > > You can also remove that global listener and update the video Block with activate: true, way more cleaner.Hi @artf changing as u suggested but still when I drag the video block and select a vide...

#3794September 20, 2021by mattnoth2 answers
0 reactions

BUG: RTE Overlapping text In Basic Text Component when Width & Height are 100% of Canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 93.0.4577.82 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?... In the official demo, delete everything / start with Body Only in the layer...

mattnoth

I didn't noticed that you had closed my previous issue -- with the weird use case. Do you have any suggestions for a work around here? I've been using the updateRte event listener, putting the RTE inside the canvas dynamically is proving a...

artf

@mattnoth I already replied to your discussion here, please avoid opening the same issue again.

#3783September 16, 2021by mattnoth2 answers
0 reactions

BUG: RTE overlapping text when text component set to 100% height

GrapesJS version please help - this may have been solved somewhere but i looked through the issues and found none - there is a doc reference to moving the positioning of the RTE but im not sure where in the init it should go --> what does 'rteToolbarPosUpdate` and pos mean? i just want the RTE to go to the bottom of t...

artf

Not a bug, just a weird use case.

mingxin-yang

@artf I want to change the position of rteToolbar, but pos does not have the parameters mentioned in the document

#3779September 15, 2021by stljeff12 answers
0 reactions

BUG: editor.getSelected().toHTML() encodes inline javascript

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? latest (chrome)Reproducible demo link https://jsfiddle.net/4j1k0wde/24/Describe the bug How to reproduce the bug?create block with a script tag inside.use editor.getSelected.toHTML() to grab the block's markup (so user can e...

artf

You have to use allowScripts And I see no issues with encoding (use the real inspector, not the jsfiddle beta console, which probably has a bug).

stljeff1

Thank you!

#3778September 15, 2021by codingmachine163 answers
1 reactions

BUG: Select options are not displaying - new anomaly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://github.com/artf/grapesjs/issues/3735Describe the bug I am have issue related to select box . It is showing issues as in console [Traits]: 'select' type not found {level: 'warning'} When w...

Bran72

Hi ! I also have your issue since the v.0.17.25. I think it will be fixed in the next release. So the temporary solution is to downgrade to v0.17.22... Hope it will help you !

artf

Correct, it's been fixed here #3735

codingmachine16

OK . Sure. Thanks. For information, this issue does not exist on 0.17.22 but it is in 0.17.25

#3770September 12, 2021by damnslow3 answers
13 reactions

[Feature]: 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...

#3763September 10, 2021by abolabo1 answer
0 reactions

BUG: 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

#3759September 8, 2021by throne19863 answers
3 reactions

BUG: Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome new versionReproducible demo link https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe the bug How to reproduce the bug?Just drag and drop image block to canvasalso drag and drop custom im...

throne1986

I solved the issue for future reference first I removed this function : editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); I replaced with this function editor.Commands...

artf

when you run editor.command.run('open-assets') you have to pass options, eg.

throne1986

@artf I solved the issue it was about closure problem , the solution just passing the URL as options as follows editor.Commands.run("open-assets", { target: editor.getSelected() url: imageUrl }); editor.Commands.add("open-assets", { run(ed...

#3753September 7, 2021by migokcek2 answers
0 reactions

BUG: When copying a text from anywhere the style manager is not working right.

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v92 Reproducible demo link https://grapesjs.com/demo.html Describe the bug When I take any text from Microsoft Office word or any websites it is coming with it’s own css and font-color, and the font-color attribute...

artf

If you paste a text with its own inner style, you have to change it for each pasted component, as their style overrides the parent one.

chirag0110

@artf , Even We are not able to change any pasted component. I have added lorem ipsum text from the lorem ipsum site. When I paste the text grapesJs wrap text with the "P" tag with id="i835ol". I am not able to change the styling of the "P...

#3745September 2, 2021by Light08151 answer
0 reactions

BUG: Can not delete background-image:url of body after an import

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromev93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Import the following codeNow try to delete the background-image: urlIt is not possible What is the expected behavior...

artf

Hi @Light0815 thanks for the report but I'm already aware of the bug with layers in conjunction with imported CSS, so I'm closing this one as a duplicate of #1396