GrapesJS Issues

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

545 issues found

πŸ” typescript
#3622Jul 14, 2021by ronaldohoch4 answers
0 reactions

I18n functionality

Version: latest Are you able to reproduce the bug from the demo?[] Yes[ ] No What is the expected behavior? to editor.I18n.setLocale("es") work in runtime. Describe the bug detailed I don't know if it's a bug or it's not supposed to work this way, also, i don't know backbone enough to know if it's possible, but, when...

artf

Yeah, unfortunately, at the moment the UI (once rendered) is not updating on locale changes, so you would need to rerender the editor.

ronaldohoch

Well, i don't know if backbone have template binding, so i'll close for a while..

leonardolima99

Yeah, unfortunately, at the moment the UI (once rendered) is not updating on locale changes, so you would need to rerender the editor. Has this not been solved yet? I tried to use editor.render(), it works, but it duplicates the panels...

#3618Jul 13, 2021by san-1232 answers
0 reactions

Style manager size not setting to image control

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issue Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md Do a quick SEARCH first, to see if someone else didn't open the same issue All relative statements/questions have to be filled/answered, otherwise,...

san-123

Its duplicate

GJSBlock

Thanks for reporting this, @san-123. The issue with style manager size not setting to image control appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...

#3613Jul 12, 2021by anlumo2 answers
1 reactions

Inconsistent Image Selection

Version: 0.17.19 Are you able to reproduce the bug from the demo?[X] Yes[ ] No Reproducible here. What is the expected behavior? Selecting images in the asset manager interface by clicking on them. Describe the bug detailed What is the current behavior? When you change the asset associated with an image component, it'...

artf

Sounds legit, will be updated in the next release

GJSBlock

Thanks for reporting this, @anlumo. The issue with Inconsistent Image Selection appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creati...

#3612Jul 12, 2021by TRIGGEREDcoder4 answers
0 reactions

The grapesjs slider buttons, tabs are not working as expected

Version 0.17.19(grapesjs) Version 0.1.5(grapesjs-lory-slider) Version 1.0.6(grapesjs-tabs) Are you able to reproduce the bug from the demo? No What is the expected behavior? I should be able to traverse through different slides and tabs when clicked on previous or next buttons and tab names respectively. Describe the...

artf

Are you able to provide a reproducible demo, please?

TRIGGEREDcoder

Sorry @artf , I was facing this because of the script tag in the generated html which is of no use in angular component html. How can I use the html generated in angular files if the html contains script tag functions.

artf

@TRIGGEREDcoder if the main issue is solved I'm closing this one. Please open a new Discussion if you have questions

#3606Jul 9, 2021by Palash-Mandal2 answers
0 reactions

If I use float from alignment float not clear that's why design issue occur.

Hello @artf , There a generic issue when try to create a layout using float form alignment. The issue is float not clear automatically. how do I add new class in row when user set flow value float left /right <div data-gjs-type="default" draggable="true" data-highlightable="1" class="row" id="iroj"><div data-gjs-type=...

artf

Please follow the issue template

GJSBlock

Thanks for reporting this, @Palash-Mandal. Great question about if I use float from alignment float not clear that's why design issue occur.. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

#3605Jul 9, 2021by aryanchopra1 answer
0 reactions

Adding selected component style to a block

So I'm trying to fetch the selected component and make a block out of it, however, I'm struggling with adding the css of the same. my approach looks like this currently: editor.BlockManager.add(widgetname, { label: widget name, content: editor.getSelectedAll(), category: panelname, attributes: { title: widgetname, cla...

GJSBlock

Thanks for reporting this, @aryanchopra. Thanks for sharing your report about Adding selected component style to a block. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddl...

#3595Jul 6, 2021by Palash-Mandal1 answer
0 reactions

Hello @artf ,

Hello @artf , It's a generic issue the width, height property value set to auto while change view to mobile or tablet view. But the auto property not reflects in in CSS that's why desktop value is in there and issue is arise. If I change the value of width to auto and press tab / enter the value still not reflects in...

GJSBlock

Thanks for reporting this, @Palash-Mandal. 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 lis...

#3594Jul 6, 2021by maxtsh3 answers
1 reactions

Hover on component when parent of editor scrolls, show wrong positioning

Version: 0.17.19 Are you able to reproduce the bug from the demo? No, because its full screen and there is no parent container scroll. What is the expected behavior? Hover state cadre to see the component changes position Describe the bug detailed When I want to select or hover on specific component, it shows wrong po...

artf

If the scrollable element is not the editor's parent node, you might need this option https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

GJSBlock

Thanks for reporting this, @maxtsh. The issue with Hover on component when parent of editor scrolls, show wrong positioning appears to be a race condition or state management timing problem. This typically happens when component lifecycle...

#3589Jul 3, 2021by lbmir3 answers
0 reactions

Autoload storage is not working on page refresh

Hi, firstly I want to say that this project is awesome, thank you! I used code from GrapeJS Demo example, and added there save and load data from remote files, this is my storageManager code: savenow.php file code: loadnow.php file code: When I am saving my changes it is working fine, but after that if I am press to R...

lbmir

Same issue like on https://github.com/artf/grapesjs/issues/2963. But in my case it is loading content only after Hard Refresh

artf

Sounds more like an issue from your side, web applications do not distinguish Refresh from Hard Refresh, indeed the Hard Refresh is more like a refresh without the browser local cache. Try to check, from the inspector, if your load call is...

GJSBlock

Thanks for reporting this, @lbmir. Great question about Autoload storage is not working on page refresh. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#3587Jul 2, 2021by milan-holes2 answers
0 reactions

How can I create grapesjs service for generating HTML from stored components?

Hello. Is there possibility to create grapesjs instance, without generating whole editor? I had created custom components with async data and I need to create backend service in Node, which generates HTML output from stored components, populated with data from APIs. Now I am getting error:ReferenceError: window is not...

artf

I close it as a duplicate of https://github.com/artf/grapesjs/issues/3399

GJSBlock

Thanks for reporting this, @milan-holes. The error error:ReferenceError: window is not defined occurs when Components attempts to access properties before the component lifecycle is fully initialized. This is a common race condition in Gra...

Browse all topics