GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 1.34.81 Chromium: 97.0.4692.99 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe the bug How to reproduce the bug?create custom type componentdrop t...
Vac1911
I diagnosed the issue after finding the same problem independently. Looking at StyleManager.select() https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 On line 369, every pro...
saudAtIrisdame
@Vac1911 @artf I got it, but what's the solution, how can I fix this problem? is this grapejs issue or mine?
Vac1911
@saudAtIrisdame It seems to be a grapejs issue. I fixed it for myself changing the source code, reordering the select method to check visibility last. Here is the dist file after running build:js https://gist.github.com/Vac1911/4c89f2a4880...
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.
GJSBlock
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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Safari 15.0Reproducible demo link https://jsfiddle.net/adw6y12f/9/Describe the bug Hello, I'm trying to set root component for the editor as it was described here. Unfortunately, this is not working and I can edit all HTML c...
artf
Yeah, the LayerManager module itself has no documentation. Indeed it's on the waiting list for the refactoring and once it's done we can publish more about its usage and API documentation. Anyway, I've seen your previous message about how...
artf
Yeah, I see the issue with the root configuration in LayerManager. The temporary fix would be to trigger the root change on render of the layers panel: But anyway, the root of the LayerManager doesn't decide if your components are editable...
henzigo
Thank you for your answer. It would be nice to have some documentation of what is root element because only mentions are in PR/issues.
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.
GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe the bug Added an attached image to give an idea of what the editor looks like What is the expected behavior? N...
sanjanaadeshra
I was able to resolve this issue by adding font awesome icons css directly to the grape.min.css file. I am not sure why that had to be done since the CSS was being imported already, its working with that workaround, but it would be better...
artf
Your demo doesn't seem to load, and the grapesjs version you're using there is quite outdated (0.14.15). Please upgrade and next time open the new bug issue relative to the latest version.
GJSBlock
Thanks for reporting this, @sanjanaadeshra. The issue with Icons are not loading when loading within an angular application appears to be a race condition or state management timing problem. This typically happens when component lifecycle...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?https://grapesjs.com/demo-newsletter-editor.html use CKeditor, I donβt know if itβs a configuration p...
mingxin-yang
@artf
artf
This issue comes from CKEditor itself so, if there is a patch to apply, it should be applied on the plugin level (I'm not even sure it's possible) as it's not related to the core.
bernhardmiller
@mingxin-yang I had a similar problem with CKEditor and scrolling. For me, it happened when the user pressed the return key. If the grapes document was too long, the canvas scrolled down way to far. I had to solve the problem in CKEditor i...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?In the official demo, navigate to the layer manager and copy any layer with cmd+cClick the root "Body" layer and pa...
artf
Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...
zachsnoek
Thanks @zachsnoek yeah, as the wrapper (body) is a root component it doesn't have the related collection. Probably we might need to update the paste logic but your current fix is a good patch for now to avoid such an error so, the PR is hi...
GuiMoraesDev
Guys, I'm facing a similar problem To me, the error happens on FileUploader I've tried to enter on grapes demo to see if this behavior happens there too, and it's happening! I realize that If I clean my LocalStorage and reload the page, th...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link NothingDescribe the bug How to reproduce the bug?Implement the multipage concept Create the 3 pagesClick on the background image in decorations ( Style Manager ) and add it to first pageNow ad...
artf
Please check this option first https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors In case you still have problems, open a proper bug issue with a reproducible demo link.
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about Background Image Starts duplicating in all the pages if we add only for one page. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the G...
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...
GJSBlock
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...
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 Grapes js and implement the select component codeDrag the select component into the editorClick on the select component and enter th...
artf
Hi @Sudhin35 please follow this API for your custom traits and I'd highly recommend storing your options as a component property instead of using inner components
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about My Options ( in traits ) for select component gets resetted every time after each reload of page. The recommended approach with StyleManager is to use the event-driven API. Start h...