GrapesJS Issues

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

75 issues found

πŸ” more-information-needed
#2906Jul 21, 2020by neon123453 answers
0 reactions

Editor.refresh() not working in custom setup

I have a problem with a custom setup where the canvas iframe is moved around with js. The "editor.refresh()" call does not fix the positioning of the tools after the move. I think the problem is due to the offset cache not cleared on refresh. If I call this before refresh, the tools are positioned as expected: editor....

artf

@nedim1511 can you please provide a reproducible demo, please?

neon12345

https://jsfiddle.net/3gqh6p5a/ Click select the "Hello World" and drag the vertical splitter to the left to resize the split window. The "editor.refresh()" called on dragEnd should align the tools but it does not seem to work. It is more o...

artf

On my local copy, your example works correctly so probably in the next release it will be fixed

#2892Jul 14, 2020by metatick2 answers
0 reactions

CanvasView.clearOff not called when parent element is scrolled

v0.16.18 (also tested v0.16.22) Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? grapesjs should behave correctly inside a scrolling element Describe the bug detailed When grapesjs run within a scrolling parent element (except for window), the canvas does not clear it's of...

artf

Thanks for the report @metatick are you able to confirm if it's the same issue as #2722? In that case, this should be closed (but might worth reporting the same codesandbox).

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...

#2874Jul 3, 2020by acxvgalanov2 answers
0 reactions

Toolbar overflows the canvas

Actual behavior: If the toolbar is placed on the element that is positioned near the bottom border, it may overflow the canvas and be partly hidden. It can be reproduced with the default toolbar: screenshot, but it's especially noticeable when the toolbar is customized and tall enough so some elements are inaccessible...

artf

Let me know if you're still working on the PR

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...

#2843Jun 19, 2020by abozhinov3 answers
0 reactions

Can't remove style property on selected device

Hi, have a problem with removing style property on selected device (clearProperties: true). You can reproduce the problem on https://grapesjs.com/demo.html. Steps:Clean everything.Drag custom code.Add this sample code.Switch devices to tablet or mobile and select the component.In the Typography style you can see that...

abozhinov

@artf do you have idea how can i fix it?

artf

To make the StyleManager read the proper style rule your media query should reflect the same width of the selected Device. Did you try it?

abozhinov

Yes I do it. deviceManager: { devices: [ { name: 'Desktop', width: '', priority: 3 }, { name: 'Tablet', width: '768px', widthMedia: '991px', priority: 2 }, { name: 'Mobile', width: '360px', height: '640px', widthMedia: '767px', priority: 1...

#2821Jun 10, 2020by tonypartridge2 answers
0 reactions

Force assets to refresh?

Hello, When we store and load the GrapeJS it works well handling it remotely in JSON πŸ™Œ However, it loads in the existing a assets without refreshing with new ones. What’s the best way to prevent storing assets or forcing a asset refresh?

artf

Can you post your code, please?

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...

#2790May 19, 2020by motazad3 answers
3 reactions

Devices not working in Version 0.16.12

@artf When I click on the devices(tablet, mobile), the size of the canvas is not updated But it Worked in Version 0.15.x and lower.

cdespinosaagmx

I have the same issue

kuhelbeher

I had the same issue after grapejs update. In my case it turned out that I was using old version of css file: https://unpkg.com/[email protected]/dist/css/grapes.min.css I updated it to use version as grapesjs and it solved my problem. Try...

alitorki2651

I have the same issue @artf

#2784May 17, 2020by joshbedo3 answers
1 reactions

Are media queries broke?

I'm just trying the demo on my phone https://grapesjs.com/demo.html render of HTML/CSS https://us-central1-connectionhelper-6e7ed.cloudfunctions.net/app/api/pages and noticed that it still looks like the desktop version. When i'm in the editor and look at the mobile version it looks a bit different. Kind of confused w...

vinceumo

Hi @artf I did open an issue regarding mine with a codesandbox https://github.com/artf/grapesjs/issues/2774 My issue was actually more about style not being render correctly in the canvas. My issue above was actually on my side as it was m...

montali

I second this!

vinceumo

Same issue on 0.16.12, When importing CSS with media query most css in the media query get removed, but not all?? I tried with the postcss parser as well and same issue.

#2778May 15, 2020by ashishtyd2 answers
0 reactions

BUGS - Cannot read property 'querySelector' of null at r.getBody

Hi I was trying to use grapesjs on visualsource pages. Following is the init function - initEditor: function(){ var self = this; this.editor = grapesjs.init({ container: '#gjs', fromElement: true, height: '500px', width: 'auto', storageManager: false, panels: { defaults: [] }, blockManager: { appendTo: '#blocks', bloc...

artf

Create a reproducible demo please

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...

#2700Apr 3, 2020by noogen3 answers
0 reactions

Hover editor result in TypeError: this[0].getAttribute is not a function

Are you using the latest release (older versions are NOT supported)? Yes, using latest v0.16.3 version. What happen? Upgraded from WORKING v0.15.3 to v0.16.3. Also, went back and verify that this is WORKING in v0.15.10 Demo to reproduce the problem https://niiknow.github.io/grapesjs-components-farmer/ in latest Firefo...

artf

@noogen can you please create a reproducible demo on something like jsfiddle? (without your preset/plugin, so I know the issue comes from the core)

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...

HassanElZarkawy

I'm also having this issue. With me it happens whenever i try to canvas option in init. When i remove the canvas config part in the options everything seems to work fine.

#2679Mar 24, 2020by LOMFM2 answers
0 reactions

Adding classname for custom DomComponent

[Question:] Hi, I have used this builder plugin in angular 7. This is very well structured and extendable. But I have some issue in define custom components this plugin. The Question is How to add Classes to custom DomComponent. I have created new video wrapper dom component. This contains iframe inside of them. I wan...

artf

Can you create a live demo with the complete code of your custom component, please?

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...

Browse all topics