GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 102.0.5005.61 Reproducible demo link https://jsfiddle.net/tuongnguyendev/25kcypuj/ Describe the bug How to reproduce the bug?Thow a column in canvas.Select component test backgroundDecoration => Background =...
tuongnguyendev
Hi @artf Updated new bug from #4350 Thank you.
GJSBlock
Thanks for reporting this, @tuongnguyendev. Great question about Background image preview show error link. The recommended approach with Canvas 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 101 Reproducible demo link https://jsfiddle.net/sdrf72wx/1/ Describe the bug How to reproduce the bug?execute the code below on the initialization of the editoradd and remove a selector of a componentLook at the con...
artf
Hi @Justin8303 selector:remove refers to the global container of selectors so it's only triggered when the selector is actually removed from the global collection and not from the component. When you remove the selector from the component,...
GJSBlock
Thanks for reporting this, @Justin8303. Great question about selector:remove event does not exist. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modu...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser V1.39.111 Reproducible demo link https://jsfiddle.net/e7oau8v6/ Describe the bug How to reproduce the bug?Thow a column in canvas.Select the text componentGo to style tab and find background on decorationsSet...
artf
Hi @ronaldohoch the issue here is with your custom type background and the way you're adding it is not correct (proper usage of the API). The addType is mainly for adding new UI inputs, if you don't need a new type of UI (like in your case...
tuongnguyendev
Hi @artf , I have a problem quite similar to @ronaldohoch when use the latest version of GrapesJS Background image preview show error link Details are in the image below:
GJSBlock
Thanks for reporting this, @ronaldohoch. Great question about Style Manager don't update background when component is selected. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docum...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome v101.0.4951.54 Reproducible demo link https://jsfiddle.net/7sn5h91r/7/ Describe the bug my issue is for style border property width, style and color not updating in json even i have checked in https://grapesjs.com/d...
aharishsundhar
@artf how to resolve this problem i'm face the same issues in my side latest version v0.18.4 padding: 0 0 0 0, padding-top: "", padding-bottom: "", padding-right: "", padding-left: "",
senthil177cse
Hi @aharishsundhar .. As per my knowledge instead of using padding: 0 0 0 0; you can add only pading-top, padding-bottom,padding-left,padding-right...
aharishsundhar
@senthil177cse im getting the same issues on padding : 0 0 0 0; created also the padding-top create but empty properties coming how to fix the problem is its issues with grapesjs v0.18.4?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 101.0.4951.64 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add paragraph blockOpen "Import template" and add these lines and press "Import" h1, h2, h3, h4, h5, h6{...
artf
Thanks for the report @javadsamiee but the issue is actually from the preset-webpage plugin https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 and not the core itself. The PR for the fix is welcome
GJSBlock
Thanks for reporting this, @javadsamiee. Great question about "Import template" don't work for removing extra styles. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation fo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v9 Reproducible demo link Not there Describe the bug How to reproduce the bug?Install the grapes js in the react appOpen the editor and see the settings menu for the editor body What is the expected behavior? Need a...
Sudhin35
@artf Please suggest me if there is any way for the above mentioned feature
artf
Please open an issue only in case of bugs, not your personal requests
GJSBlock
Thanks for reporting this, @Sudhin35. Great question about No way to upload background video component in the editor , Please suggest if there is any way to upload background video. The recommended approach with GrapesJS is to use the even...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Google Chrome Version 101.0.4951.41 (Official Build) (64-bit)Reproducible demo link https://jsfiddle.net/Laze0pyg/Describe the bug How to reproduce the bug?Add 2k components using the below script.for(let i = 0;i<2000;i++) e...
GedMarc
but.... add 2000 dom elements with any basic styling to any page and you'll get lag? that might not be the tool, but how the tool is being used? also check your browser render speed in relation to your pc - http://speed-battle.com/speedtes...
artf
With the latest release, containing the refactor of the Sorter by @mohamedsalem401, the previous demo seems to be working fine now π₯³
vizardkill
https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 I have the same problem, and I don't think it is due to the size, I am using the pageManager and I preload an html template and trying to drag new el...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 100 Reproducible demo link https://jsfiddle.net/4fmd732c/3/ Describe the bug How to reproduce the bug? Given a) componentFirst is set to true b) An element has multiple classes c) CSS rule uses combined selector of...
barryross
@artf Awesome! Thank you. To use these updates, I guess I would just need to re-build the library locally with your changes until next release. I'll give that a shot.
artf
Nice catch, thanks for the report @barryross
barryross
@artf when do you foresee the next release going out?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://jsfiddle.net/ob0ajh67/ Describe the bug How to reproduce the bug?Have a single line of text that has no additional sizing styles (such as padding or explicit height).Attempt to dr...
harsh201
@artf I am also facing same issue. Any suggestions here?
GJSBlock
Thanks for reporting this, @DavidHarvey. Great question about Unable to drop textable components into small text areas. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v100.0.4896.127Reproducible demo link No demo link.Describe the bug How to reproduce the bug?Just place bigger icons inside toolbar (for example font awesome class: fa-2x): What is the expected behavior? Component's a...
artf
There are a lot of reasons to keep the size of the toolbar item fixed, if you want them bigger, you can simply update the CSS.
GJSBlock
Thanks for reporting this, @zauchad. Great question about [Component's toolbar] Toolbar width not resizing correctly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for...