GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft Edge Version 99.0.1150.30 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I have created a custom block with SVG, ex:When I drop component into canvas, linearGradie...
GJSBlock
Thanks for reporting this, @levinhtin. Great question about SVG <linearGradient> tag become <lineargradient> in canvas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98 Reproducible demo link https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe the bug How to reproduce the bug?Unmount child elementCreate useEffect with callback where editor is destroyed What i...
GJSBlock
Thanks for reporting this, @Townsheriff. Great question about Editor Destroy method throws an error in React. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 98.0.4758.109 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?"Body (Selected #wrapper) -> Decorations -> Background Color and set a colorSave changes then refresh the...
artf
Hi @javadsamiee thanks for the report. This is actually an old issue #2834 which I'm trying to address for the next release (I close this issue in favor of the old one).
GJSBlock
Thanks for reporting this, @javadsamiee. Great question about Refresh page we will lost body/wrapper background color. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v98 Reproducible demo link https://grapesjs.com/demo.html Describe the bug In the "Open style manager", the CSS class can be added by pressing the ENTER key. If GrapesJS is inside a Form tag, adding the CSS class wi...
GJSBlock
Thanks for reporting this, @Ameeko. The issue with Open style manager - class can be added by pressing the ENTER key appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe the bug How to reproduce the bug?open the demodouble click "I am text" component. What is the current behavior? Double clickin...
artf
Yeah, I see the problem. Double clicking text elements (span, i...) inside a switches focus to the parent a element instead of opening rte for the selected element With the new logic implemented for the text components view, this is intent...
GJSBlock
Thanks for reporting this, @lofcz. Great question about 0.18.3 text editing not triggering for link > text components. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation f...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 1.35.101 Chromium: 98.0.4758.87 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe the bug How to reproduce the bug?drop the component in canvasselect t...
artf
Thanks for the report @yadavAtIrisdame but I'm not able to reproduce it from your demo or the official one. Can you describe the exact steps?
yadavAtIrisdame
@artf I'm unable to reproduce this bug. in most cases, The Style Manager works as expected. but, all of a sudden, they start acting like(shown in image). Particularly margin and padding properties.
artf
Sorry but unfortunately without the proper reproducible demo, I can't do much. I'll be happy to fix it if anybody is able to provide the reproducible steps.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 97.0.4692.99 (Official Build) (x86_64) Reproducible demo link no Describe the bug How to reproduce the bug?...... What is the expected behavior? ... What is the current behavior? get errors when use the ifra...
GJSBlock
Thanks for reporting this, @jcsofts. Great question about *. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener...
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 GrapesJS What browser are you using? Brave V1.34.81 Reproducible demo link https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe the bug How to reproduce the bug?Add a Grid block to the canvasResize a columnNotice the console logs aren't displaying for mouse...
artf
Hi @Joshmamroud CBs should be called when mousePosFetcher is called That is not happening because resizable options are not directly passed to the Resizer, but through the resize command. You can see mousePosFetcher there is handled by the...
Joshmamroud
Thanks @artf! That makes sense.
GJSBlock
Thanks for reporting this, @Joshmamroud. Great question about mousePosFetcher in resizer config & change:style listener not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo Describe the bug When i load some template, the editor add some initial styles like the image below, how can i set or remove some or that styles? for example : i need to remove the...
artf
Check the main editor config options (eg. baseCss) https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js And please, don't use issue bugs for questions, open a discussion in that case.
jloguercio
Thank you very much
GJSBlock
Thanks for reporting this, @jloguercio. The issue with Remove some initial styles from frame canvas appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...