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,

💬 Answered: Unable to Press Space Within Button Comp…

Answers (2)

Mohsen-Khakbiz• May 16, 2020

try adding components like this

components: [
	{
		tagName: 'button',
		classes: ['gjs-button'],
		components: [
			{
				selectable: true,
				editable: true,
				tagName: 'span',
				type: 'text',
				content: 'edit me'
			}
		]
	}
],

adamwpe• May 16, 2020

That's a nice simple solution - worked a treat.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →

Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

Unable to Press Space Within Button Componet

Question

Answers (2)

Related Questions and Answers

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

Selection of custom component type not working in the canvas

Clicking 'wrap for style' button affects the inner components of other components inside the same text box

v0.17.25 . Trait button in the custom component defining.

Paid Plugins That Match This Issue

Browse Plugin Categories