GrapesJS Issues

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

37 issues found

πŸ” general
#6458March 20, 2025by accvi4 answers
1 reactions

sector.setName doesn't work

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/qbpodnm4/ Describe the bug How to reproduce the bug? Select a component in the canvas. Go to the style manager and check if "General" is renamed to "Allgemein". What is th...

mosh-tudor

@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496

accvi

Am I doing something wrong in the code? AI couldn't help.

artf

@accvi #6031 (reply in thread) ☝️

#6039August 6, 2024by Gryphonn4 answers
3 reactions

Cannot set Block display value

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 126 Reproducible demo link https://jsfiddle.net/Gryphonn/ob1pznh6/ Describe the bug How to reproduce the bug?Select any word.Wrap it for style.Keep this word selected.Go to General -> DisplayI want Block. I click Bl...

artf

Yeah, the issue is here: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267 Would it make sense to add a new option like initial and make it the default one?

danstarns

> Hi @Gryphonn,> I tried to reproduce your issue but the steps aren't that clear, please rephrase. bandicam.2024-08-08.21-07-14-667.mp4 Thank you for a detailed report πŸ™ It looks like we should better handle the default display so you don...

danstarns

Hi @Gryphonn, I tried to reproduce your issue but the steps aren't that clear, please rephrase.

#6012July 21, 2024by aswinkumar8631 answer
0 reactions

Input number value does not persist when using up/down arrows

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v126 Reproducible demo link https://codepen.io/aswinkumar863/pen/VwJaVYG Describe the bug How to reproduce the bug?Open the demo.Click the "Click Me" section within the editor's body.Navigate to the Style Manager an...

ClaudeCode

Thanks for reporting this, @aswinkumar863. Great question about Input number value does not persist when using up/down arrows. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docume...

#5810April 14, 2024by ctrhub4 answers
1 reactions

Unnecessary Canvas style

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Arc Version 1.35.0 / Chromium Engine 123.0Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug My special case: In my case, all styles from plugins and general styles are located in the header. So, to achiev...

artf

it is intended to store canvas styles, styles that do not affect the result of hmtl/css, styles that will not be exported, right? Correctby default the body has a white background, this seems to be the default color in all browsers, no? ye...

artf

There is canvasCss option for that. Next time open a Discussion please, as this is not a core bug but wrong usage.

ctrhub

Hey @artf. Thanks for the answer. I'm not sure that we understood each other and I would like to clarify one detail. Yes, I know about the canvasCss property, moreover, I use it to change the styles of the selected component. I understand...

#4116February 1, 2022by saudAtIrisdame4 answers
0 reactions

Flex Property not working in style manager

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

#3733August 30, 2021by anatoli-dp2 answers
0 reactions

(or just general issue) storage manager does not load coorectly?

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

artf

You're calling the clb outside the fetch, in your load function

ClaudeCode

Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

#3663August 3, 2021by MrNikolovski4 answers
0 reactions

Default styling properties are not being re-selected when switiching devices

Hi, Default styling properties are not being selected when switching devices. Steps to reproduce: Open [http://grapesjs.com/demo.html] Select any block and observe the default values. For example, under General, Position is set to "static". Switch to Mobile. Change the Position to "relative". Switch back to Desktop, o...

MrNikolovski

Any update on this @artf?

MrNikolovski

Hi @artf. Can I get an update on this issue? Do you consider this as a small issue or you didn't have time to work on it? Thank you.

artf

I'm working on the StyleManager improvement at this moment, and probably I will be able to check this soon.

#3661August 1, 2021by aliibrahim1231 answer
0 reactions

style manager not working(styles has no effect)

hi, i am working on a plugin that will add all the properties of css3 into grapesjs. but all time i use the style manager the style do not apper, version: 1.17.19 css parser: grapesjs-parser-postcssstyle manager sectors [{ name: 'General', buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],...

ClaudeCode

Thanks for reporting this, @aliibrahim123. Thanks for sharing your report about style manager not working(styles has no effect). To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/...

#3639July 23, 2021by anatoli-dp4 answers
0 reactions

[Feature]: Improve UndoManager API

One thing i think would add great functionality is a more detailed history stack. U can get the undo stack and build a sort of history report from it of all the edits one has made but it is a little unclear as to what each edit was (at least to me so if I am missing something please let me know). Maybe like a formulai...

artf

Hi @anatoli-dp the ability to view the undo history would be actually super cool and I was already thinking about how to extend the UndoManager module in order to allow this kind of functionality via a plugin (eg. you can render the UI wit...

anatoli-dp

yeah im aware of how to access the stack i just dont know how to intepret it to give a more meaningful description to the end user

artf

i just dont know how to intepret it to give a more meaningful description to the end user Each UndoAction (each instance of the stack) tells you the action type (eg. add, remove, reset, change) and details about the updated model (eg. Comp...

#3246January 23, 2021by ThetripGr2 answers
2 reactions

Is it possible to use existing trait types in new custom traits? (e.g the colorpicker)

I would like to create a new custom trait to use, that has the input of the color picker and a checkbox so that the end result is either the predefined color coming from the checked checkbox or if unchecked choosing from the picker. This is too specific for my case so my question is if i can use pre-existing trait typ...

artf

Not at the moment, I'm working on a new UI module that will allow the reuse and override of internal UI elements.

ClaudeCode

Thanks for reporting this, @ThetripGr. Great question about Is it possible to use existing trait types in new custom traits? (e.g the colorpicker). The recommended approach with GrapesJS is to use the event-driven API. Start here: Check th...