GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#4350May 26, 2022by ronaldohoch2 answers
1 reactions

BUG: Style Manager don't update background when component is selected

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser V1.39.111 Reproducible demo link https://jsfiddle.net/e7oau8v6/ Describe the bug How to reproduce the bug?Thow a column in canvas.Select the text componentGo to style tab and find background on decorationsSet...

artf

Hi @ronaldohoch the issue here is with your custom type background and the way you're adding it is not correct (proper usage of the API). The addType is mainly for adding new UI inputs, if you don't need a new type of UI (like in your case...

tuongnguyendev

Hi @artf , I have a problem quite similar to @ronaldohoch when use the latest version of GrapesJS Background image preview show error link Details are in the image below:

#4341May 20, 2022by senthil177cse3 answers
0 reactions

while adding border style for Html component css json only fetching for border selector not fetching selector of border-width, border-style, border-colorBUG:

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v101.0.4951.54 Reproducible demo link https://jsfiddle.net/7sn5h91r/7/ Describe the bug my issue is for style border property width, style and color not updating in json even i have checked in https://grapesjs.com/d...

aharishsundhar

@artf how to resolve this problem i'm face the same issues in my side latest version v0.18.4 padding: 0 0 0 0, padding-top: "", padding-bottom: "", padding-right: "", padding-left: "",

senthil177cse

Hi @aharishsundhar .. As per my knowledge instead of using padding: 0 0 0 0; you can add only pading-top, padding-bottom,padding-left,padding-right...

aharishsundhar

@senthil177cse im getting the same issues on padding : 0 0 0 0; created also the padding-top create but empty properties coming how to fix the problem is its issues with grapesjs v0.18.4?

#4336May 19, 2022by javadsamiee1 answer
1 reactions

BUG: "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

#4335May 18, 2022by Sudhin352 answers
0 reactions

BUG: 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

#4323May 12, 2022by mohdSuhailCoditation3 answers
10 reactions

BUG: 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 barryross3 answers
1 reactions

BUG: 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?

#4294April 27, 2022by DavidHarvey1 answer
0 reactions

BUG: 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?

#4289April 27, 2022by candidodmv1 answer
1 reactions

BUG: "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.

#4285April 25, 2022by zauchad1 answer
0 reactions

BUG: [Component's toolbar] 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.