#1988April 29, 2019by MisterFK3 answers
Hi ! I have some issues when i want resize an image. When i put an image and when i click one resizer handler, the image don't keep his height but expand it to 100% of parent container... I didn't found an option into the "resizable" option to disable that : editor.DomComponents.addType('image', { model: { defaults: {...
afdallah
It would be easier for everybody here to help you if you can provide a live demo. I experienced the same issue, but in my case, it was because I set the image height to auto. Here is the example of my old issue:
MisterFK
Thanks but it's not the same issue. I take a video to show the problem :
artf
Thanks for the report @MisterFK can you provide a live demo of the issue, please?
#1985April 26, 2019by DylanSp3 answers
OS: Windows 10 Browser: Chrome 73 GrapesJS version: 0.14.57 I have remote storage configured using this call to grapesjs.init(): While I see the request to /load fire in the Network tab of Chrome's dev tools, I don't see any requests to /store, no matter how many changes I make in the editor. Is there a configuration...
DylanSp
Updating to the next release fixed this, I now see requests to to the /store endpoint. Thanks for the prompt fix!
DylanSp
I should also note that manually saving with editor.store() does send a request that I can see in the Network tab.
artf
Thanks for the report @DylanSp actually there is an issue with the listener. If the first load call fails (and I guess your /load endpoint is fake just like mine) it never starts tracking the editor changes so autosave doesn't work. It wil...
#1980April 25, 2019by 3dmedium2 answers
The Toolbar of the RTE Editor is not visible vor Text field higher than the Browserwindow. While scrolling to the middle the RTE Toolbar is not visible. The Toolbar is on top or on the bottom. It should be sticking somewhere it keeps visible. Perhaps it is better to stick it to the top / top frame border. This is also...
artf
Yeah, we should replicate the behavior of the component toolbar
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.
#1978April 25, 2019by 3dmedium3 answers
Hello, I have a Problem with styling individual Items. The following html Code: Loads fine. But when I Click the Component with "#icbp" then the class .ddm-flex-cols-element will get the style max-width. Setting this.el.style while rendering the Object is also Integrated to the CSS (Id only) the Docs tell changes to t...
artf
Can you please try to add this to your options avoidInlineStyle: true and let me know
3dmedium
Hi @artf , Yes I tried this, still no luck. I had the time to minimize this issue to a codesandbox: https://codesandbox.io/embed/jnplq7op55 Position of the protectedCss Content can be varied put it to style or in a file and load it by cvan...
artf
Ok, the problem happens here: https://github.com/artf/grapesjs/blob/e97afb429b4cada591e119025fcf34490cb0de8c/src/style_manager/index.js#L284-L285 if there is no CSS rule with the selector found on the component (in our case ddm-flex-cols-e...
#1958April 9, 2019by benvmatheson1 answer
If the default device is smaller than fullscreen, it will still load as fullscreen. Once you change devices the sizes will then be recognized. https://jsfiddle.net/benvmatheson/7b4gq1kx/1/
benvmatheson
Looks like a workaround is setting the device manually, instead of assuming the first selection will be chosen. editor.setDevice('Device 1')
#1955April 9, 2019by EJM52 answers
This bug can be reproduced in either GrapesJS demos. Bug: After dragging and dropping an image, using one of the resize points that are not on the corners (height or width resize points), both height and width will be resized. Expected behaviour: The non corner points should only resize the height or the width of the...
artf
This is not a bug, this is just the autoscaling handled by the browser, if you don't like it you can think about extending the image component to store size information on load
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.
#1949April 8, 2019by arachnosoft2 answers
Hi @artf , Following your tip to enable the "keepEmptyTextNodes" option on the Parser to fix my #1915 issue (grapesjs stripping between tags), we found the following (weird) side effect, using the latest 0.14.57: With this option enabled, when dragging & dropping some blocks on a given HTML structure (mostly ta...
artf
Ok, the issue I think is in the Sorter, it doesn't count textnode nodes as children (with keepEmptyTextNodes you keep all of them)
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.
#1941April 3, 2019by simplecommerce1 answer
You're submitting a BUG Are you using the latest release (older versions are NOT supported)? v0.14.57 Are you facing the bug with your local copy of GrapesJS or with the current demo? Both. Are you able to reproduce the bug from the demo? YES What is the expected behavior? Based on our exchange, script should not be a...
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.
#1936April 2, 2019by artf3 answers
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...
#1915March 22, 2019by arachnosoft3 answers
Hi @artf , We have just noticed that, if you import this code into grapesjs: <label class="c3100 c3152 c3212" style="box-sizing: border-box;">My label field 1</label> <label class="c3111 c3163 c3223" style="box-sizing: border-box;">My label field 2</label> With an between the two label tags, the is...
artf
I think the issue might be here https://github.com/artf/grapesjs/blob/0a122cd7b558bcf391cfd7e4608dffad3ba9de53/src/parser/model/ParserHtml.js#L169-L172 unfortunately nodeValue returns already processed string, without Try to use thi...
arachnosoft
Thank you very much for the tip @artf , this (undocumented?) Parser config option seems to solve my issue! Of course, I had to set it to true, not 0, as I wanted to keep those empty spaces ;) And had to set it on the editor.Parser.getConfi...
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.