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 97.0.4692.71 Reproducible demo link https://jsfiddle.net/ovrz5ug2/4/ Describe the bug Hi - we ran across this XSS vulnerability while using GrapesJS in a multiplayer type scenario, with several privileged users able...
artf
Thanks @diemkay please refer to this issue if you have any suggestions: https://github.com/artf/grapesjs/issues/3082
diemkay
@artf Thanks, but I've already seen that ticket and it doesn't cover the issue I'm describing here. The injection is not in Live Preview, it's in Style Manager, where it tries to display the id of the component, by setting .innerHtml.
artf
Yeah sorry, closed too soon π. I'll try to fix for the next release.
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? Chrome v97Describe the bug At line https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 the selector escape function doesn't allow / and . because of that we can't use some tailwind classes s...
miladmeidanshahi
Sorry i found very late this config https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17
GJSBlock
Thanks for reporting this, @miladmeidanshahi. The issue with selector escape function doesn't support tailwindcss classes appears to be a race condition or state management timing problem. This typically happens when component lifecycle ev...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://jsfiddle.net/emgbo8k1/3/ Describe the bug How to reproduce the bug?add the 3 columns block to the canvasdrag and drop in order to change the columns order What is the expected beha...
sridhar391
@YairNa We have also faced the same issue, please refer to the link https://github.com/artf/grapesjs/issues/4094
JSSaint
@YairNa @sridhar391 it's not a RTL issue. chrome browser only we have face this issue. Firefox is working properly.
GJSBlock
Thanks for reporting this, @YairNa. Great question about Drag and drop not working well in case of RTL. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specif...
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? Chrome v96 Reproducible demo link https://codesandbox.io/s/grapes-border-issue-94lje Describe the bug How to reproduce the bug?Select block with top and bottom bordersGo to Style panel -> Decorations -> BorderClear border-...
artf
Hi @kuhelbeher with the new https://github.com/artf/grapesjs/releases/tag/v0.18.1 release this can be handled. The main issue here is how the built-in border property is configured, which is a Composite type of border-width, border-style a...
GJSBlock
Thanks for reporting this, @kuhelbeher. Great question about Can't remove border of element. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link NothingDescribe the bug How to reproduce the bug?Implement the multipage concept Create the 3 pagesClick on the background image in decorations ( Style Manager ) and add it to first pageNow ad...
artf
Please check this option first https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors In case you still have problems, open a proper bug issue with a reproducible demo link.
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about Background Image Starts duplicating in all the pages if we add only for one page. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the G...
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 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...