Unable to add 'space' character if zoom is applied on canvas
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.
Read full answer below βQuestion
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:32) characters added Current behavior: Zoom is applied on canvas using:editor.Canvas.setZoom() Even though other characters can be added/edited, you are not able to add new 'space' characters since the space character is also used for 'repositioning' canvas if zoom is applied. The...
Answers (3)
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.
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 canvas. I don't see the point, why "button" and "a" are in thi...
Thanks @MartinPutz good catch
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6409
Cannot drag to move components on mobile
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https:/...
Issue #2423
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 vers...
Issue #5888
Cannot edit component content even with editable property set to true
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https:/...
Issue #4576
Clicking 'wrap for style' button affects the inner components of other components inside the same text box
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Ship to Production Faster: Whatβs New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.