GrapesJS Issues

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

644 issues found

🔍 components
#4099January 25, 2022by jloguercio2 answers
0 reactions

"Using draggableComponents: false" still drag (clone?) some elements if i try to edit text

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v96Reproducible demo link https://jsfiddle.net/809enL2w/1/Describe the bug I use domComponents: { draggableComponents: false }, to avoid to drag components, only when you drag with the arrow in toolbar, but if do a fa...

artf

Yeah seems like the native HTML5 D&D still works with text selection, I'll try to fix it.

ClaudeCode

Thanks for reporting this, @jloguercio. The issue with "Using draggableComponents: false" still drag (clone?) some elements if i try to edit text appears to be a race condition or state management timing problem. This typically happens whe...

#4076January 17, 2022by diemkay4 answers
0 reactions

XSS vulnerability via component attributes

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 97.0.4692.71 Reproducible demo link https://jsfiddle.net/ovrz5ug2/4/ Describe the bug Hi - we ran across this XSS vulnerability while using GrapesJS in a multiplayer type scenario, with several privileged users able...

artf

Thanks @diemkay please refer to this issue if you have any suggestions: https://github.com/artf/grapesjs/issues/3082

diemkay

@artf Thanks, but I've already seen that ticket and it doesn't cover the issue I'm describing here. The injection is not in Live Preview, it's in Style Manager, where it tries to display the id of the component, by setting .innerHtml.

artf

Yeah sorry, closed too soon 😁. I'll try to fix for the next release.

#3972November 23, 2021by ronaldohoch2 answers
1 reactions

can't drop img inside noscript tag

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Versão 1.32.106 Chromium: 96.0.4664.45 (Versão oficial) 64 bits Reproducible demo link https://jsfiddle.net/960huLz5/ Describe the bug How to reproduce the bug?Open grapesjsrun: editor.addComponents('<noscript><img s...

artf

Hi @ronaldohoch thanks for the report. What you're saying is true, but unfortunately, this is the parsing result of the native HTML DomParser, so I don't see any proper way to fix it. The only workaround for cases like this (importing an H...

ClaudeCode

Thanks for reporting this, @ronaldohoch. Great question about can't drop img inside noscript tag. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#3932November 9, 2021by rakelley2 answers
0 reactions

Trait add/remove can fail because collection type is inconsistent

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Version 1.31.88 Chromium: 95.0.4638.69 (Official Build) (64-bit) on Linux Reproducible demo link https://jsfiddle.net/0a3o7cL6/ Describe the bug Methods which operate on a component's trait collection (e.g. addTrait...

artf

Yeah, I'll fix it in the next release, thanks

ClaudeCode

Thanks for reporting this, @rakelley. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Grapes...

#3832September 29, 2021by Sudhin354 answers
0 reactions

The css classes are removed and the autogenerated ids for each html tags gets changed ( Example : ivj5m-2) after each reload

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug? Install the grapes js in react app Go to the editor and drag a component. ( Example : text component) Style the component using the style m...

Sudhin35

Please guide me on this

artf

Disable autoload: true you're loading everything twice

Sudhin35

Thanks @artf . This fixed my issue

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

(or just general issue) 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

ClaudeCode

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

#3717August 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.

ClaudeCode

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

#3714August 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

ClaudeCode

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

#3713August 18, 2021by shkhalid3 answers
1 reactions

Stored components with script can not be rendered properly

I am facing some problem when try to save some components which includes some scripts and reload the page the components are not rendered properly. It's showing empty boxes. Example: When i try to save a chart component from jvas28/grapesjs-echarts and reload the page i am getting this <img width="1438" alt="Screen Sh...

shkhalid

Thanks @artf! Finally i was able to figure it out The problems was in tagVarStart and tagVarEnd. After commenting it out it starts working

artf

Hey @shkhalid thanks for the report, but on this repository, you should open reproducible issues without external plugins as it might be an issue with the plugin itself. At least for what I can tell about the core, I see no issues in Compo...

ClaudeCode

Thanks for reporting this, @shkhalid. Great question about Stored components with script can not be rendered properly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

#3707August 16, 2021by denisoed1 answer
0 reactions

is it possible to set up the rendering of Vue components?

GrapesJs is the best page builder! :heart: Sorry, i am new to GrapesJs. Can I add support for vue components?

ClaudeCode

Thanks for reporting this, @denisoed. Great suggestion about is it possible to set up the rendering of Vue components?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the ev...