Unable to Press Space Within Button Componet
Question
Hi Guys,
I have a button component, it lets me edit the text, but doesn't let me type a space ' '. Though you can copy and paste one in.
I have an example here: https://jsfiddle.net/qz2cumo6/2/
Any idea why that would be?
Thanks,
Answers (2)
try adding components like this
components: [
{
tagName: 'button',
classes: ['gjs-button'],
components: [
{
selectable: true,
editable: true,
tagName: 'span',
type: 'text',
content: 'edit me'
}
]
}
],
That's a nice simple solution - worked a treat.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2422
[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 d...
Issue #5334
BUG: Selection of custom component type not working in the canvas
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome, Opera, Edge, etc Reproducible demo...
Issue #4576
BUG: 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...
Issue #3763
BUG: v0.17.25 . Trait button in the custom component defining.
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? FirefoxReproducible demo link https://jsfidd...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.