GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo Describe the bug I use the code below to make all styles to !important // Make all styles important to override element classes editor.on('styleable:change', (model, property) => {...
artf
Hey man, I didn't even finish writing the release π calm down... Read here please https://github.com/artf/grapesjs/releases/tag/v0.18.1 Style Manager was updated heavily, if something doesn't work, nobody forces you to upgrade...
GJSBlock
Thanks for reporting this, @jloguercio. The issue with The new version v0.18.1 brokes the script to make !important on styleable:change appears to be a race condition or state management timing problem. This typically happens when componen...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome and Firefox Reproducible demo link https://www.teamfunnels.net/login.php demo demo Describe the bug Missing required ; after .png) The editor loads this way when there are background images on the page and they don'...
clonefunnels
I think I caused this problem with a string replace. Sorry
GJSBlock
Thanks for reporting this, @clonefunnels. The issue with On page background images don't work because CSS loads with no ; at the end of URL appears to be a race condition or state management timing problem. This typically happens when comp...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link Not necessary - Obvious issueDescribe the bug This is what the code needs to be: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier","duration":0.8,"delay":0...
artf
This is not a bug, but how attribute escaping works in HTML.
GJSBlock
Thanks for reporting this, @clonefunnels. The issue with Hyphen changed to " by editor messes up modern coding. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...
GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe the bug Added an attached image to give an idea of what the editor looks like What is the expected behavior? N...
sanjanaadeshra
I was able to resolve this issue by adding font awesome icons css directly to the grape.min.css file. I am not sure why that had to be done since the CSS was being imported already, its working with that workaround, but it would be better...
artf
Your demo doesn't seem to load, and the grapesjs version you're using there is quite outdated (0.14.15). Please upgrade and next time open the new bug issue relative to the latest version.
GJSBlock
Thanks for reporting this, @sanjanaadeshra. The issue with Icons are not loading when loading within an angular application appears to be a race condition or state management timing problem. This typically happens when component lifecycle...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome / Firefox Reproducible demo link https://www.teamfunnels.net/login.php demo demo Describe the bug When I use this code to make all style important.... editor.on('styleable:change', (model, property) => { const value...
GJSBlock
Thanks for reporting this, @clonefunnels. The issue with * appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating an inconsistent st...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave VersΓ£o 1.32.106 Chromium: 96.0.4664.45 (VersΓ£o oficial) 64 bits Reproducible demo link https://jsfiddle.net/960huLz5/ Describe the bug How to reproduce the bug?Open grapesjsrun: editor.addComponents('<noscript><img s...
artf
Hi @ronaldohoch thanks for the report. What you're saying is true, but unfortunately, this is the parsing result of the native HTML DomParser, so I don't see any proper way to fix it. The only workaround for cases like this (importing an H...
GJSBlock
Thanks for reporting this, @ronaldohoch. Great question about can't drop img inside noscript tag. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link no link Describe the bug editor.on("asset:upload:start",console.log) not working after versiom 0.17.26 not working assetmanager events asset:upload:start or asset:upload:end on editor i am deb...
cusmai
Hi, still not working, events are not fired:
artf
Fixed here https://github.com/artf/grapesjs/pull/3934/files
GJSBlock
Thanks for reporting this, @majidh1. The issue with Events On assetmanager not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v95 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?...... What is the expected behavior? When we drag and drop an image into the link block object, both the objects a...
GJSBlock
Thanks for reporting this, @ttjpatric. Great question about Unable to create a link to image. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link Not there Describe the bug How to reproduce the bug?Install Grapes js and implement the select component codeDrag the select component into the editorClick on the select component and enter th...
artf
Hi @Sudhin35 please follow this API for your custom traits and I'd highly recommend storing your options as a component property instead of using inner components
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about My Options ( in traits ) for select component gets resetted every time after each reload of page. The recommended approach with StyleManager is to use the event-driven API. Start h...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? v95Reproducible demo link https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe the bug How to reproduce the bug? I am trying to create a custom component, which contains drag end d...
artf
Hi @xQwexx what would be your solution in such a case? We still need to keep the D&D disabled in the preview. Can you also post your component code in order to understand better the use case?
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...
xQwexx
Hi @artf I updated with a demo, also my suggestion would be that use the attributes: { draggable: 'true'}, indicator if the component is draggable in preview and leave the drag handling for the component template like attributes: { draggab...