When an image is resized with the mouse, it won't stretch all the way to the edge of the canvas, leaving a white space on the right side. If adjusting Dimensions --> Width, you can bring it all the way to the edge of the canvas. If you drag enough elements onto the canvas for the scrollbar to appear, the scrollbar fil...
artf
Seems like I totally forget about this issue ๐ thanks to @benvmatheson for the ping. I apologize also to @giorgiosjames for totally ignoring his PR ๐ฌ even because I have to close it as he is right, we can do it correctly and dynamically...
artf
Not sure but it might also be an issue in the resizer configuration https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
This seems to be caused by the padding value here: https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 Setting this value to 0 allows me to resize components right to the...
Hi guys, this issue is an overview of what is it, what is done, what to do and nice-to-have to complete the Designer Mode feature.Preface So let's start by describing what is it and what is the goal of this feature. The Designer mode should allow the user to drag components freely around the canvas, without HTML fixed...
artf
Quick update, from the https://github.com/artf/grapesjs/releases/tag/v0.15.3 you can start using these new Drag Mode APIconfig.dragMode - The initial configuration for the global drag modeeditor.setDragMode - change the global drag mode of...
artf
@simplecommerce When clicking on device modes, if using absolute positioning, would create the styles only for that mode, it would make it easier to build responsive pages, as you could toggle between the device modes and position your ele...
artf
@sunhillbd yes, but probably it's my fault for not being totally clear about the point. Basically, what you see in the demo is an example of mixing static position with absolute one, when you click on the drag icon you detach the component...
Ajax call which is uploading image file in assests folder It's working fine to add an image from the local. But in another scenario, It's not working. Please have a look Drag image block Select an image Delete that image Add the same image again on same the place, "uploadFile" function is not calling It's not allowing...
artf
We have to clear the file input once the image is selected
Hi and thank's for your job ! It's possible to make traits under cateogories like blocks ? If it's possible, maybe use the Category object like the BlockManager ? Categories on BlockManager work fine, so if TraitManager add the same system of category, it's perfect ! What it's the best method for you for implements th...
artf
Will be available in the next release, Thanks @amirrahmani76 for the PR โค๏ธ
This is an amazing project! Thanks. Would it be possible to get typings for Typescript? It would make life a lot easier for the project I am working on. Thanks so much!
Rottohawkins
This might take a little bit longer because is not compatible with grapesjs, not even the browser version. Thats why I have to make everything by hand. As a result I am not sure if it will be accepted in [official types repository]. So far...
warent
Would love to see TS declarations as well. TypeScript is becoming fairly standard / essential for production codebases
Sharsie
If someone starts working on this, poke me please, we might be able to give a hand here and there... Would really love to have typings for this project
1ใ็งปๅจ็ปๅธ 2ใ็นๅปlayerManager๏ผๅฆๆไธ็นๅปlayerManager ไธไผๅบ้๏ผ 3ใ็ปๅธ้็ๆ็คบๆกไฝ็ฝฎๅบ้ 1ใ moving canvas 2ใ click layerManager ๏ผIf you don't click layerManager, it won't go wrong.๏ผ 3ใ The position of the tip box of the picture is wrong.
artf
Thanks for the report @fulus06 can you provide a reproducible demo on https://jsfiddle.net/, please?
fulus06
@artf https://jsfiddle.net/fulus06/kqsezd0c/5/
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
To reproduce: On a fresh install of GrapesJS, within the demo page (within index.html), add an event listener like so: editor.on('component:styleUpdate:width', (model) => { console.log(model); });Issue: When changing the 'width' value of any element, the 'model' variable will be printed multiple times. The issue seems...
khbhr
Hello, I am having the same problem and since that it is not solved yet, it would be a solution to use the debounce technique. check this example.
ajumell
Hello, I also found this issue. The event is firing even without changing the width I added the following code to the html page and the log is generated multiple times. editor.on('component:styleUpdate:width', (model) => { console.log('Com...
artf
I think the fix is already available on the dev branch (so ready for the next release) https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 I see multiple events on...
In my HTML code, I have some variable placeholders defined in element's class name or data attributes. For example, consider following code block, When I load this in the editor, it removes them and I can't get them back while exporting the code via editor.getHTML(). So, the result of above code is as below, If you se...
artf
The escape function is applied in the Selector model. I think it might be a good idea to provide some option as a custom escape strategy.
The credentials options its forced to be 'include' on Remote Storage. https://github.com/artf/grapesjs/blob/master/src/storage_manager/model/RemoteStorage.js `
arthuralmeidap
Created MR #1705
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.