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