Version: 0.14.62 Are you able to reproduce the bug from the demo?[ ] Yes[x] No Doesn't support Vue.js or NPM What is the expected behavior? Blocks to show in the right-hand sidebar with style manager Describe the bug detailed I am trying to get the blocks manager to show in the right-hand sidebar however no matter whe...
artf
GJSBlock
Thanks for reporting this, @joshk132. The issue with Unable to get blocks to show in right hand sidebar appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modif...
When we style an element in the editor, if this element doesn't have neither a class or an id, the style manager generate a new id with the css style. However, styling an element with a class makes the style manager use this class to add styles. Is there a way to always use IDs for styling and not work with classes ?...
Ju99ernaut
ahmedderkaoui
Thanks a lot!
GJSBlock
Thanks for reporting this, @ahmedderkaoui. Great question about Can style manager always generate IDs instead of using already defined element's class ?. The recommended approach with StyleManager is to use the event-driven API. Start here...
Version:0.16.45 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Given a parent web component instance rendering some elements with slot, in the shadowDOM, if the parent element of slot got display: flex style, the sorter should be vertical, for in the result the elements ar...
GJSBlock
Thanks for reporting this, @YumiChen. The issue with sorter direction incorrect with web component slot appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modif...
Version:0.16.45 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Given a parent element with display: flex and flex-direction: column styles, with the child elements having float: left styles, the sorter should be horizontal, for in the result the elements are aligned vertic...
GJSBlock
Thanks for reporting this, @YumiChen. The issue with flex-direction: column & float: left make sorter direction incorrect appears to be a race condition or state management timing problem. This typically happens when component lifecycle ev...
I have a requirement where I cannot use selectors to determine if an element is droppable. For example: The "child" component must be within a "parent" component, however if the child component contains a ref attribute it can only be dragged into other parent containers that match the same ref value as the current par...
@artf do have any questions regarding this feature or the approach taken in the PR?
GJSBlock
Thanks for reporting this, @rywilson28. Great suggestion about FEAT: Allow dynamic droppable configuration using a function! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using t...
Hi, when I MultiSelect some elements using shift, and change style in styleManager. Only the last clicked element will update the style. Can you help how to fix that problem? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov
Ju99ernaut
Not sure if there's an option for that, probably multiple component editing isn't implemented for the style manager. You could use classes as an alternative solution.
artf
It actually works in the demo, are you able to create a reproducible demo?
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...
I'm currently using grapesjs to build email templates, however when I import HTML with the <style> tag already inside, before this is stored it split's the HTML and CSS up. When this is stored in my backend database, there is no <style> or <link> tag in the HTML, instead it's stored separately. Is there a way to preve...
Ju99ernaut
Grapesjs doesn't support inlinecss, but you can use the same technique used here https://github.com/artf/grapesjs-preset-newsletter. It uses the juice package to merge the html and css
artf
Yeah, at the moment the inline CSS is parsed for the CssComposer and removed from the DOM. This allows the editor to edit its styles.
ronaldohoch
One question about it. How can ckeditor edit putting the span with inline styles and keep it after close and reopen the same template?
Hey artf, I would like to thank you for building such a powerful tool for building customized CMS. I'm implementing a new page feature in my project so I'm using your reference to switch between components but It gives me an error, Please can you guide me on how to build a new page on click add new button from the pan...
Ju99ernaut
I think arrays aren't the best method of storing page objects, so running array operations to get the page plus loading the page is probably too much for your call stack. You should consider loading the pages into memory only when you need...
artf
I'm not sure what is happening on your side but I'd suggest keeping an eye on #3206 as the built-in page manager is almost ready (I'll update that issue)
GJSBlock
Thanks for reporting this, @pranay2210. Great suggestion about Switching between components gives maximum call stack size error! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Usi...
Hello dear, can you know why default properties is not selected in style manager ?? What event can I trigger to update this ??
artf
Try to check your configuration for the styleManager https://github.com/artf/grapesjs/blob/dev/src/style_manager/config/config.js (highlightChanged should be true)
GJSBlock
Thanks for reporting this, @alemenciones. Great question about Default properties not selected in styleManager. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for you...
I think the one thing that would make this builder amazing is adding tailwind css classes. Especially now with the new tailwind css on demand generator.
Ju99ernaut
I'm not sure if this is something that can be added to the core library, but definitely a plugin for that would be awesome.
artf
Yeah, I agree with Brendon, this is definitely something that could be added as a plugin
GJSBlock
Thanks for reporting this, @silicahd. Thanks for sharing your report about FEAT: Tailwind CSS. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS version nu...