GrapesJS Issues

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

743 issues found

πŸ” bug
#4336May 19, 2022by javadsamiee2 answers
1 reactions

"Import template" don't work for removing extra styles

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 101.0.4951.64 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add paragraph blockOpen "Import template" and add these lines and press "Import" h1, h2, h3, h4, h5, h6{...

artf

Thanks for the report @javadsamiee but the issue is actually from the preset-webpage plugin https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 and not the core itself. The PR for the fix is welcome

GJSBlock

Thanks for reporting this, @javadsamiee. Great question about "Import template" don't work for removing extra styles. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

#4335May 18, 2022by Sudhin353 answers
0 reactions

No way to upload background video component in the editor , Please suggest if there is any way to upload background video

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v9 Reproducible demo link Not there Describe the bug How to reproduce the bug?Install the grapes js in the react appOpen the editor and see the settings menu for the editor body What is the expected behavior? Need a...

Sudhin35

@artf Please suggest me if there is any way for the above mentioned feature

artf

Please open an issue only in case of bugs, not your personal requests

GJSBlock

Thanks for reporting this, @Sudhin35. Great question about No way to upload background video component in the editor , Please suggest if there is any way to upload background video. The recommended approach with GrapesJS is to use the even...

#4333May 17, 2022by Merorh1 answer
0 reactions

Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium 101.0.4951.64 (Official Build) snap (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select an image and resize it - and hold the mouse button on resizing pi...

GJSBlock

Thanks for reporting this, @Merorh. Great question about Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument'). The recommended approach with Keyboard is to use the event-driven API. Start here: Check the GrapesJS do...

#4323May 12, 2022by mohdSuhailCoditation4 answers
10 reactions

Performance issue while dragging component to canvas when you have 2k component on canvas

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/Laze0pyg/Describe the bug How to reproduce the bug?Add 2k components using the below script.for(let i = 0;i<2000;i++) e...

GedMarc

but.... add 2000 dom elements with any basic styling to any page and you'll get lag? that might not be the tool, but how the tool is being used? also check your browser render speed in relation to your pc - http://speed-battle.com/speedtes...

artf

With the latest release, containing the refactor of the Sorter by @mohamedsalem401, the previous demo seems to be working fine now πŸ₯³

vizardkill

https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 I have the same problem, and I don't think it is due to the size, I am using the pageManager and I preload an html template and trying to drag new el...

#4310May 5, 2022by barryross4 answers
1 reactions

Style Manager is inaccurate when using combined CSS selectors which contains "bout" and componentFirst = true

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 100 Reproducible demo link https://jsfiddle.net/4fmd732c/3/ Describe the bug How to reproduce the bug? Given a) componentFirst is set to true b) An element has multiple classes c) CSS rule uses combined selector of...

barryross

@artf Awesome! Thank you. To use these updates, I guess I would just need to re-build the library locally with your changes until next release. I'll give that a shot.

artf

Nice catch, thanks for the report @barryross

barryross

@artf when do you foresee the next release going out?

#4294Apr 27, 2022by DavidHarvey2 answers
0 reactions

Unable to drop textable components into small text areas

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://jsfiddle.net/ob0ajh67/ Describe the bug How to reproduce the bug?Have a single line of text that has no additional sizing styles (such as padding or explicit height).Attempt to dr...

harsh201

@artf I am also facing same issue. Any suggestions here?

GJSBlock

Thanks for reporting this, @DavidHarvey. Great question about Unable to drop textable components into small text areas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...

#4289Apr 27, 2022by candidodmv2 answers
1 reactions

"storage:start:load" event is not being trigged

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome latest Reproducible demo link Bind "storage:start:load" to an editor instance and see the console.log output Describe the bug How to reproduce the bug?...... What is the expected behavior? ... The event has been fir...

artf

Yeah with the current version you should bind the event in a plugin otherwise the first start:load is not captured. This should be fixed in the next release.

GJSBlock

Thanks for reporting this, @candidodmv. Great question about "storage:start:load" event is not being trigged. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your spec...

#4285Apr 25, 2022by zauchad2 answers
0 reactions

Toolbar width not resizing correctly

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v100.0.4896.127Reproducible demo link No demo link.Describe the bug How to reproduce the bug?Just place bigger icons inside toolbar (for example font awesome class: fa-2x): What is the expected behavior? Component's a...

artf

There are a lot of reasons to keep the size of the toolbar item fixed, if you want them bigger, you can simply update the CSS.

GJSBlock

Thanks for reporting this, @zauchad. Great question about [Component's toolbar] Toolbar width not resizing correctly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for...

#4263Apr 16, 2022by omkar1111112 answers
0 reactions

SSL certificate how to?

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Reproducible demo link Describe the bug Sorry for asking it here. But I am in a hurry. I am creating a service in which I host websites for my clients. So for each new site, does GrapeDrop create a new certificate specific...

artf

Please avoid using GrapesJS issues for off-topic questions.

GJSBlock

Thanks for reporting this, @omkar111111. Great question about SSL certificate how to?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for th...

#4257Apr 13, 2022by DavidHarvey4 answers
3 reactions

Background modification doesn't work for non-images

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Click any component, scroll to Decorations > Background in the style managerAttempt to create a background with a...

bit-ocean

Hi @artf Is there a chance that this feature could get some attention? I find it fundamental. There is a lot of great functionality added to grapesjs since 0.17.29 (the last one grapesjs-style-bg plugin supports) and I would love to use th...

Vac1911

You can use the background color input for an image color but the UI looks confusing and should be changed.

artf

Yeah, I disabled the previous plugin with color/gradients as it's not compatible with the latest versions but I'll work on it soon. For now, I close this issue as it has nothing to do with the core itself.

Browse all topics