GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 91VReproducible demo link https://jsfiddle.net/8tsj5vpb/Describe the bug I'm encountering an issue with GrapesJS where traits defined for a custom component are not being displayed after reloading the editor. The trai...
mohamedsalem401
@Alababdiy I was unable to reproduce the issue using the link provided. However, it seems like the issue is that GrapesJS doesn't allow adding or defining a component after it has been initialized.
mohamedsalem401
Hey @Alababdiy, I wasn't able to reproduce the issue you described in the JSFiddle.
ClaudeCode
Thanks for reporting this, @Alababdiy. The issue with Traits Not Displayed After Reloading Editor for Custom Component appears to be a race condition or state management timing problem. This typically happens when component lifecycle event...
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
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')
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducible demo link https://jsfiddle.net/t06s4oLb/8/ Describe the bug How to reproduce the bug?Add section1 to canvasAdd section2 to canvas under section1remove section2 from canvas.The st...
artf
You should avoid putting shared styles in component-related ones. Check this discussion on how to prevent this: https://github.com/GrapesJS/grapesjs/discussions/5968
ihatov08
As a temporary workaround, styles for each component are prefixed with id.
ihatov08
@artf thank you for your reply. I would like to confirm #5968
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126.0.6478.127(Windows) Reproducible demo link https://jsfiddle.net/vbu18q5f/2/ Describe the bug How to reproduce the bug?Cannot be selected on canvas if tags are nested Section 2 block in demolink has a div tag ins...
ihatov08
@artf Sorry, frameworks don't solve everything as you say. I'll make sure to read the documentation properly from now on. Thank you for your reply.
artf
This is not a bug but more of a UX issue related to how in general HTML works, that's also the exact reason why we provide "select parent" button in the toolbar. Don't expect the framework to fix all the problems for you, It's up to the de...
ClaudeCode
Thanks for reporting this, @ihatov08. Great question about Cannot be selected on canvas if tags are nested. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link i have given the code in issues Describe the bug Screencast from 12-06-24 03:09:58 PM IST.webm problem is right after applying any bold or italic it is getting disappeard once i click somewher...
artf
From the official demo it looks to work as expected, so I guess it's related to your custom logic. Please provide a minimal reproducible demo of the issue.
ClaudeCode
Thanks for reporting this, @adarshsingh197. The error error: any) { occurs when ProseMirror attempts to access properties before the component lifecycle is fully initialized. This is a common race condition in GrapesJS. Immediate workaroun...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 126.0.1Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Open your firefox browser and go to the demo link What is the expected behavior? The editor should show a white sc...
nhan-nguyen-se
@MarceloBD How did you manage to solve this? I'm facing the same issue.
ClaudeCode
Thanks for reporting this, @MarceloBD. 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 Grape...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? v125.0.6422.113 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Describe the bug How to reproduce the bug?Drag video compennt to the canvas....
artf
You can't interact with the iframe during the editing, otherwise, it won't be possible to select it from the canvas. You check the iframe interactions during the preview though.
ClaudeCode
Thanks for reporting this, @omerson-cruz. Great question about Unable to use UI controls for the video component when. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Opera 10.0.5130.23 | Linux Reproducible demo link https://grapesjs.com/demo.html Describe the bug Clear canvasFrom Blocks menu add 1 Column component -> Settings tab is opened automatically :ok_hand: Click newly added comp...
artf
Thanks @gladykov but this is not related to the core, it's just an example behavior implemented in the demo.
ClaudeCode
Thanks for reporting this, @gladykov. The issue with Unable to open component settings again, after clicking component and then clicking Blocks appears to be a race condition or state management timing problem. This typically happens when...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https://jsfiddle.net/ycvz2gno/7/ Describe the bug How to reproduce the bug?Put a text block in the canvasDouble click on the content inside the text blockThe content cannot be edited What...
Dobby85
By looking into the code, I saw that to get the RTE functionnality, our new component has to extend ComponentTextView. My initial issue was that I did something like : And it tooks the view of my baseStructure and not the text component. I...
ClaudeCode
Thanks for reporting this, @Dobby85. Great question about Cannot edit component content even with editable property set to true. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS docum...