GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? AnyReproducible demo link https://grapesjs.com/demo.htmlDescribe the bug The bug is related to ParserCss.js. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 The parser expects the results to be...
artf
Yeah, this is something we don't support currently, but I think it might be nice to handle also those cases.
GJSBlock
Thanks for reporting this, @Singwai. The issue with CSS Parser's shape doesn't allow the CSS property to be defined more than once. appears to be a race condition or state management timing problem. This typically happens when component li...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 103.0.5060.66 (Official Build) (64-bit) (cohort: Stable) Reproducible demo link https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js Describe the bug How to reproduce the bug?Drop the custom block "picture" into t...
artf
I'm not sure exactly what is happening but I'd suggest switching to styleable:change event and pass its options to setStyle, eg.
GJSBlock
Thanks for reporting this, @booellean. Great question about Undo Manager creates Duplicate CSS during custom command. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation f...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.115 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/zeq457u0/ Describe the bug How to reproduce the bug?Load editor with a touch support enabledDouble click to enter a text's...
GJSBlock
Thanks for reporting this, @m-jojo-s. Great question about Unable to move editable text cursor on touch. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103.0.5060.53 Reproducible demo link https://codesandbox.io/s/grapes-js-template-literal-1p7sx2?file=/src/App.js Describe the bug How to reproduce the bug?Add a new Type with custom traitsParse the trait value usin...
artf
Sorry but this is not a bug, it simply doesn't work that way. Anyway refer always to the latest documentation https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts as this method of passing properties was depre...
GJSBlock
Thanks for reporting this, @bimsina. Great question about Can't parse trait values using Template literals(String Interpolation). The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS docum...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 103.0.5060.53 (Official Build) (x86_64)Reproducible demo link private projectDescribe the bug i am trying to add property to my custom sector , and the property type (Select) , once the builder ready i got thi...
YaseenHajajweh
@artf , sorry i found the solution
GJSBlock
Thanks for reporting this, @YaseenHajajweh. The issue with StyleManager.addProperty , type: 'select' , Cannot read properties of undefined (reading 'replace') appears to be a race condition or state management timing problem. This typicall...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v102 Reproducible demo link https://jsfiddle.net/szLp8h4n Describe the bug How to reproduce the bug?Select any componentAdd class name to Selector Manager like <a href="#"onclick='alert(123)'>check</a>After click on...
artf
Thanks for the report, will be fixed in the next release.
Rawne
Also running into this XSS bug. For example adding "><img src=x onerror=alert('XSS')> to the classes of a component will cause it to pop up as well.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.115 (Official Build) (arm64) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Launch demo with touch controls enabledAdd an imageResize image using r...
GJSBlock
Thanks for reporting this, @m-jojo-s. Great question about resizer does not work with touch - draggable attribute not set on handlers. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS do...
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 How to reproduce the bug?... Add Bootstrap in GrapesJS init function... Add Slider component as per bootstrap documentation... Slider shows only first image and image...
artf
Sorry but the issue tracker is mainly for bugs in the core grapesjs module and I believe in this case you should instantiate the bootstrap.Carousel manually via JS (eg. by creating a custom component with JS) as the editor has to load canv...
shelendravashishtha2
Hi Arthur, is there any way of getting screen sized specific styles in grapesjs, like different styles based on media query styles ?
GJSBlock
Thanks for reporting this, @shelendravashishtha2. Great question about Bootstrap Carousel Slider is not working. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? any browser Reproducible demo link https://jsfiddle.net/sohrabi2050/yrL2aqft/ Describe the bug Traits button command work properly at v v0.18.4 but not in v0.19.4. There are two sample for both version below , click on one...
artf
Thanks @sohrabi2050 will fix it for the next release.
GJSBlock
Thanks for reporting this, @ghost. The issue with button traits command not working appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, cr...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 102.0.5005.61 Reproducible demo link https://jsfiddle.net/tLvwfhu3/ Describe the bug Starting at the demo fiddle, drop a text block into the narrow canvas. An alert pops up with the result of CanvasView.getPosition...
artf
Yeah I'd say it's definitely confusing (width and height refer to the canvas, top and left to the frame) but any direct change to those functions breaks some functionality in other points as those were built around this confusing logic π...
GJSBlock
Thanks for reporting this, @contentfree. The issue with CanvasView.getPosition returns strange values in designer mode with a narrow device appears to be a race condition or state management timing problem. This typically happens when comp...