GrapesJS Issues

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

3464 issues found

#6096August 30, 2024by kanaihyakumar3 answers
2 reactions

BUG: Resizable Box Disappears on Component Reselection

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/kanaihyakumar/oedg76nt/ Describe the bug Description When selecting any component on the canvas, it highlights the bottom resize box as per the settings. However, upon cli...

kanaihyakumar

Earlier, I needed to be more clearer about the steps to reproduce the issue. Here is the refined steps to produce the issue. Steps to Reproduce the Issue:Click on the section directly.Observe the resizable options displayed.Click in an are...

kanaihyakumar

Trust me, I was lucky that I was able to find this tragic behavior of clicking different places inside section was behaving but different.

artf

I don't see it disappearing if not when you press the click but that is expected as it gets ready to be dragged

#6092August 26, 2024by MdShadabAhamad2 answers
0 reactions

@artf , I have a question that , can we implement custom js in studio? means is there any embed js code functionality ?

@artf , I have a question that , can we implement custom js in studio? means is there any embed js code functionality ? Originally posted by @MdShadabAhamad in https://github.com/GrapesJS/grapesjs/discussions/6080#discussioncomment-10449335

artf

@MdShadabAhamad please avoid opening issues from discussion, thanks

icoco

looks no studio source code , where you can find the studio?

#6087August 24, 2024by leo-budgetsimple2 answers
1 reactions

BUG: Undo doesn't work after a Component's innerHTML is changed

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Latest Reproducible demo link https://jsfiddle.net/condsjm1/ Describe the bug How to reproduce the bug?Change a Component's innerHTML Press CTRL + Z What is the expected behavior? To undo the content What is the current be...

artf

UndoManager tracks component state changes, not its DOM. This should work in your case element.components('Hello Planet')

leo-budgetsimple

@artf Thanks!

#6086August 23, 2024by jdkcoder2 answers
1 reactions

BUG: Cannot read properties of undefined (reading 'lastComponent') & resizable feature not work

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge v128Reproducible demo linkshttps://codesandbox.io/p/devbox/github/jdkcoder/cv-builderhttps://stackblitz.com/github/jdkcoder/cv-builder Describe the bug I'm using GrapesJS in Nuxt.js 3 project, the error Cannot read prop...

artf

You can skip removing the components (instance.value.Components.clear()) as you're destroying the editor anyway This shouldn't generate any error

WilliamDASILVA

@jdkcoder By commenting the reRender function we don't have the issue anymore. The lastComponent error comes from the this.get('selected') in Editor being undefined at some point. And by checking the debugger, it indeed becomes undefined w...

#6081August 23, 2024by MdShadabAhamad2 answers
0 reactions

BUG: Custom Component not able to visible in grapsJs/studio at first rendering

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chromeReproducible demo link https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsxDescribe the bug I am not able to see my custom component at the first time of my react application rendering , when i try to sear...

artf

Use the plugins when you want to extend something at the GrapesJS API level

MdShadabAhamad

i also added custom style setupStyleManager but its show blank ,https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx

#6064August 18, 2024by mannyyang3 answers
0 reactions

BUG: Setting the text content programmatically clears it in the canvas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? v126 Reproducible demo link https://jsfiddle.net/r5062suy/1/ Describe the bug How to reproduce the bug?Run the demo link (https://jsfiddle.net/r5062suy/1/)See that I try to update the text in the div from "Hello world!!" t...

danstarns

Try using the .getEl method on the component then setting the element directly.

mannyyang

Problem with this is that when you export the HTML, it returns the old text.

artf

@mannyyang where did you find the usage of set('content', ...? It's more like private property and you should never use it. To update inner components programmatically use component.components('test')

#6063August 16, 2024by sridharK642 answers
1 reactions

How to load grapesjs by default preview

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest Reproducible demo link https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx Describe the bug How to reproduce the bug?...... What is the expected behavior? ... What is the current behavior?...

danstarns

Hi, @sridharK64 thank you for your report, can you elaborate on your issue, please? As we only have: 'How to load grapesjs by default preview'Your stack blitz Could you tell us what you're trying to achieve?

artf

@sridharK64 I got what you mean but the next time try to elaborate a bit better. To trigger the preview on load, this would be enough but in your example, you're using @grapesjs/react with full custom UI, which means you have to implement...

#6051August 9, 2024by SAJAD-CH1 answer
0 reactions

BUG:Issue in plugin

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link asdasd Describe the bug I am having an issue while installing NPM plugin packages like preset-webpage, preset-newsletter , the css file is missing while installing in both when i check node mo...

artf

@SAJAD-CH please provide a reproducible live demo (eg. via stackblitz) when you open a bug issue

#6049August 7, 2024by danstarnsNo answers
0 reactions

Dependencies

The codebase currently relies on outdated dependencies. This ticket aims to: Update all existing dependencies to their latest stable versions. Set up Dependabot to automatically check for and update dependencies in the future. Keeping dependencies up to date will improve security, performance, and compatibility with o...

#6048August 7, 2024by danstarnsNo answers
0 reactions

Typescript

The codebase currently uses outdated versions of TypeScript. This ticket aims to: Upgrade to the latest version of TypeScript. Ensure consistent TypeScript configurations across all projects. Integrate TypeScript into the development and CI pipelines for automated type checking. Updating and standardizing TypeScript w...