GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

43 issues found

πŸ” keyboard
#5159Jun 1, 2023by CaptSadaf3 answers
0 reactions

Can't add placeholders drop down to text field drop down options with CKEditor enabled

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://codepen.io/darrenbawag/pen/JjWBLrpDescribe the bug How to reproduce the bug?Open this link https://codepen.io/darrenbawag/pen/JjWBLrp and try to show the placeholder dropdown to toolbar o...

CaptSadaf

cc: @jcamejo @artf

artf

Those actions are only available for the built-in RTE, if you replace it with a custom RTE like CKEditor you don't see them. You have to use CKEditor itself for your custom logic.

GJS Helper

The issue you're encountering stems from a fundamental difference in how GrapesJS's default Rich Text Editor (RTE) and CKEditor handle toolbar customizations. When you enable grapesjs-plugin-ckeditor, GrapesJS replaces its lightweight, bui...

#4920Feb 8, 2023by c9a23342 answers
0 reactions

Missed localization keys for de locale

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Not browser related Reproducible demo link https://codesandbox.io/s/pensive-river-417grm?file=/index.js Describe the bug How to reproduce the bug?import grapesjs/src/i18n/locale/de.jsuse this as a locale in your editor con...

artf

Thanks @c9a2334 would you like to contribute on this fix?

GJSBlock

Thanks for reporting this, @c9a2334. Great question about Missed localization keys for de locale. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module...

#4847Jan 15, 2023by wunksert3 answers
0 reactions

Css edits aren't persisted to the DOM

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome Version 109.0.5414.87 Describe the bug How to reproduce the bug?Create a @keyframes animation on the GrapesJS canvasIn JS, create a new CssRule by passing the following string into editor.Css.addRules:Add it to the ca...

artf

Seems to be related to CssGroupRuleView here. In case of at-rules like @keyframes we have to force the re-render of the parent container.

wunksert

@artf facing this issue again with editor.CssComposer.remove(myCssRule) the editor css removes the rule but it's not flushed through to the DOM. How to you recommend I force re-render of the DOM while keeping the state of my editor intact?...

GJSBlock

Thanks for reporting this, @wunksert. Great question about Css edits aren't persisted to the DOM. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#4771Dec 7, 2022by henry-mmw3 answers
0 reactions

GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v108 Reproducible demo link no link Describe the bug Add any '@-webkit-keyframe' CSS rules into the editor. Appears as '@media' instead. I've added a fair few tools to the builder now and it seems whenever I add any...

ronaldohoch

I just came here to open the same issue! :( @artf, you can add this code to check it.

artf

Reported and fixed here

GJSBlock

Thanks for reporting this, @henry-mmw. The issue with GrapesJS doesn't understand '@-webkit-keyframe' CSS rules. appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...

#4607Sep 23, 2022by RomanGlazkov2 answers
0 reactions

JS error when moving an element with its child

GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v104Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug How to reproduce the bug?Select an elementHold down the CTRL key and select a child elementTry moving these elements What is the expected behav...

artf

I guess we should avoid selecting children of already selected components in the first place.

GJSBlock

Thanks for reporting this, @RomanGlazkov. Great suggestion about JS error when moving an element with its child! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event sys...

#4606Sep 22, 2022by bit-ocean2 answers
0 reactions

A script delcaration mistake at "Commponent & JS" documentation page.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? irrelevant to the issue Reproducible demo link https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe the bug Hey, rather than creating a pull request for such a small change, I share it here. The intr...

artf

The script is right above ps: you can use Discussions if you're not reporting a bug

GJSBlock

Thanks for reporting this, @bit-ocean. The issue with A script delcaration mistake at "Commponent & JS" documentation page. appears to be a race condition or state management timing problem. This typically happens when component lifecycle...

#4440Jul 11, 2022by skru2 answers
1 reactions

Extending text component breaks textable blocks

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 102.0.5005.115 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/trh1sbmk/17/Describe the bug How to reproduce the bug?GoTo supplied fiddle.Drag "Extended text component" block into editor.Try to d...

artf

Thanks @skru yes, there is an internal issue I have to fix to properly handle extended text components but once it's fixed another thing to keep in mind when you extend text components, it's to use components property instead of content.

GJSBlock

Thanks for reporting this, @skru. Great question about Extending text component breaks textable blocks. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...

#4422Jul 4, 2022by m-jojo-s1 answer
0 reactions

Unable to move editable text cursor on touch

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

#4416Jun 29, 2022by bimsina2 answers
0 reactions

Can't parse trait values using Template literals(String Interpolation)

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

#4333May 17, 2022by Merorh1 answer
0 reactions

Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium 101.0.4951.64 (Official Build) snap (64-bit) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Select an image and resize it - and hold the mouse button on resizing pi...

GJSBlock

Thanks for reporting this, @Merorh. Great question about Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument'). The recommended approach with Keyboard is to use the event-driven API. Start here: Check the GrapesJS do...

Browse all topics