GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/01pa5mty/9/ Describe the bug also thank you for adding hover:before and select:before events, will be really useful! How to r...
GJSBlock
Thanks for reporting this, @m-jojo-s. Great question about hover not toggled until next mouse-enter. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v98 Reproducible demo link https://grapesjs.com/demo.html Describe the bug In the "Open style manager", the CSS class can be added by pressing the ENTER key. If GrapesJS is inside a Form tag, adding the CSS class wi...
GJSBlock
Thanks for reporting this, @Ameeko. The issue with Open style manager - class can be added by pressing the ENTER key appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Microsoft edge 98.0.1108.56 Reproducible demo link https://jsfiddle.net/473b2tah/1/ Describe the bug The canvas resize is cool but does not take into account that one might be working with px offsets because of dmode which...
Adham380
I have sort of found a workaround... Set the .gjs-frame-wrapper to the desired width in CSS and transform: translate (- x px, 0px) for the iframe in CSS. The Canvas is not the correct width then (slightly smaller) but everything seems to w...
Thanks for reporting this, @Adham380. The issue with Resizing canvas makes componenents end up with wrong positions once exported with dmode 'absolute' appears to be a race condition or state management timing problem. This typically happe...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98Reproducible demo link https://grapesjs.com/demo.htmlDescribe the bug When I insert a text element into a link block element, the text element is no longer editable. Double-clicking on text element does not switch...
lofcz
duplicate of: https://github.com/artf/grapesjs/issues/4145 tl;dr: build grapejs locally as fix is currently unreleased or downgrade to 0.18.2
artf
Closing as duplicate of #4145
GJSBlock
Thanks for reporting this, @Ameeko. The issue with Nothing can be edited inside the link element appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modification...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v99Reproducible demo link https://jsfiddle.net/jLo3qh7s/10/Describe the bug How to reproduce the bug?Create a block with content <input oninput="alert('123)" />Put that block into the builderLook at the HTML code What...
Ju99ernaut
That is the expected behaviour as stated in the release notes for 0.18.2
artf
Correct. In case you need to enable unsafe attributes (at your own risk), you can do it via config.parser.optionsHtml.allowUnsafeAttr option.
GJSBlock
Thanks for reporting this, @varadero. Great question about 0.18.2 / 0.18.3 removes all on... HTML attributes when block is drag-dropped in the builder. The recommended approach with GrapesJS is to use the event-driven API. Start here: Chec...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe the bug How to reproduce the bug?open the demodouble click "I am text" component. What is the current behavior? Double clickin...
artf
Yeah, I see the problem. Double clicking text elements (span, i...) inside a switches focus to the parent a element instead of opening rte for the selected element With the new logic implemented for the text components view, this is intent...
GJSBlock
Thanks for reporting this, @lofcz. Great question about 0.18.3 text editing not triggering for link > text components. The recommended approach with ProseMirror 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 GrapesJSWhat browser are you using? Version 1.35.101 Chromium: 98.0.4758.87 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe the bug How to reproduce the bug?drop the component in canvasselect t...
artf
Thanks for the report @yadavAtIrisdame but I'm not able to reproduce it from your demo or the official one. Can you describe the exact steps?
yadavAtIrisdame
@artf I'm unable to reproduce this bug. in most cases, The Style Manager works as expected. but, all of a sudden, they start acting like(shown in image). Particularly margin and padding properties.
artf
Sorry but unfortunately without the proper reproducible demo, I can't do much. I'll be happy to fix it if anybody is able to provide the reproducible steps.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/Lsjhxczp/10/ Describe the bug How to reproduce the bug?Setup the component:mount hook to remove mounted componentAdd a new bl...
artf
Yeah, the problem here is the DOM node is created but not yet appended to the parent. You can defer the removal via setTimeout but that will still trigger the image activation. Probably I'll move that event once the node is appended.
GJSBlock
Thanks for reporting this, @m-jojo-s. Great question about component.remove() in 'component:mount' does not remove the rendered view. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS d...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 97.0.4692.99 (Official Build) (x86_64) Reproducible demo link no Describe the bug How to reproduce the bug?...... What is the expected behavior? ... What is the current behavior? get errors when use the ifra...
GJSBlock
Thanks for reporting this, @jcsofts. Great question about *. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 1.34.81 Chromium: 97.0.4692.99 (Official Build) (64-bit) Reproducible demo link https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe the bug How to reproduce the bug?create custom type componentdrop t...
Vac1911
I diagnosed the issue after finding the same problem independently. Looking at StyleManager.select() https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 On line 369, every pro...
saudAtIrisdame
@Vac1911 @artf I got it, but what's the solution, how can I fix this problem? is this grapejs issue or mine?
Vac1911
@saudAtIrisdame It seems to be a grapejs issue. I fixed it for myself changing the source code, reordering the select method to check visibility last. Here is the dist file after running build:js https://gist.github.com/Vac1911/4c89f2a4880...