GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

1180 issues found

#2433November 29, 2019by Davidvlv3 answers
0 reactions

[Bug] Changing layerable in an an event at runtime doesn't immediately update

When I change the layerable option of a custom component in an event, it still shows up in the layers until you drag it once. Is there some way to get around this by forcing the layers to update? Or can we get a bug fix for this, thanks. Video: Grapesjs layerable.zip

Davidvlv

The same thing is happening when I try to add/remove a toolbar button in an event - the toolbar doesn't update until I unselect the component and reselect it:

Davidvlv

Also, if you set 'removable' to false in the same place as where 'layerable' is being set in my post, the toolbar doesn't update to remove the delete button until you save and reload.

artf

Try to trigger this event after your updates editor.trigger('component:toggled')

#2424November 25, 2019by logeshkrishna03 answers
1 reactions

Form new <P> tag by closing the existing <p> tag while enter is clicked

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

logeshkrishna0

@artf that is not the excepted solution

logeshkrishna0

As normal behaviour while we use ENTER key it use form div tag inside the p tag which is normal one. The above image shows that...... But!!!! here is want to get P tag instead of div tag and also the present p tag should be closed.. The ex...

logeshkrishna0

@artf could you please help me out with this

#2423November 23, 2019by MartinPutz2 answers
0 reactions

[BUG] In absolute dragmode the components are not dropped properly if zoom is applied

Components are not dropped to the exact position if dragmode set to absolute and there is a zoom value applied on the canvas. GrapesJS version:0.15.8 The issue can be reproduced in the demo as well: https://jsfiddle.net/y8m1x4a3/ Expected behavior: Components can be dropped to the cursor position even if the dragmode...

artf

Should be fixed in this branch https://github.com/artf/grapesjs/tree/multi-frame Multi framing is still far from being complete but I hope to merge soon that branch (big canvas refactoring but without breaking changes), definitely not for...

artf

I close this issue as I'm planning to solve all ones related to absolute positioning here: https://github.com/artf/grapesjs/issues/3770

#2422November 23, 2019by MartinPutz3 answers
2 reactions

[BUG] Unable to add 'space' character if zoom is applied on canvas

Cannot edit text components properly if a zoom value is applied on the canvas. GrapesJS version:0.15.8 The issue can be reproduced in the demo as well: https://jsfiddle.net/1n9ruwa4/ Expected behavior: Zoom is applied on canvas using:editor.Canvas.setZoom() The text components can be still edited and 'space'(Keycode:3...

mattdeigh

Ahhh, I see it now. Wasn't tracking with the code completely. I'll play around with that and let you know what I come up with.

Sphenox

I'm writing on this issue, since you can't add a 'space', if you are focused on an <a> or a <button>. It is reproducable in the demo, if you add a Link: https://jsfiddle.net/1n9ruwa4/ Reason is because of the notTextable config from the ca...

artf

Thanks @MartinPutz good catch

#2421November 20, 2019by brentonkelly19822 answers
1 reactions

[BUG] Number Trait Type Adds Attributes to Element

Working Example: https://codepen.io/brenton-kelly/pen/wvvOgLN On the latest versions: https://unpkg.com/grapesjs https://unpkg.com/grapesjs/dist/css/grapes.min.css I created a grid component where the user will set the number of columns and the gutter via trait manager. When I use the "number" type for the traits, my...

artf

You forgot changeProp: 1 in your traits

brentonkelly1982

Thank you!

#2419November 20, 2019by MartinPutz3 answers
1 reactions

[BUG] Absolute dragmode does not work on touch devices

Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should be able to move components using drag and drop on touch screens as well. Current behavior: The user can drag and drop a block just fine. If the user wants to move the dropped compon...

wfcheng

This may or may not be related. I noticed with grapejs v0.16.34 on OSX Safari, the event argument inside onStart() function in src/commands/view/ComponentDrag.js is undefined when I drag a block onto the canvas, which can be reproduced wit...

pradeeshattlee

Hey @MartinPutz The asset manager doesn't pop up on the iPad, desktop on touch devices- chrome, firefox, and safari. And the editor canvas scroll doesn't work on the iPhone. What am I missing? Thanks in advance.

MartinPutz

Hey @pradeeshattlee This issue is not really related to the asset manager, but moving the components around, once they are rendered. I rarely use the asset manager, but as I recall it was working just fine on iPad as well. If I were you I...

#2412November 14, 2019by Ramkumar-Murugesan1 answer
0 reactions

[bug]: grapesjs-preset-webpage form css is not working in chrome

I installed the grapesjs-preset-webpage using its npm. when I drag and drop the form its CSS is not working. In the above screenshot. the css is not working exactly that what we have in grapesjs webpage. my grapesjs code

artf

CSS is not included in this case, if you want you can copy the one you see in the demo here

#2411November 14, 2019by senchdenNo answers
0 reactions

[Bug]: Link target does not propagate to model

Expected behaviour: When changing existing link with target = "blank" to target ="", the change propagates to html. Actual behaviour: When changing existing link with target = "blank" to target ="", the change does not propagate to html. Steps to reproduce:Save a page with link with target "New window" ("_blank").Clos...