diff --git a/packages/builder/src/components/common/Input.svelte b/packages/builder/src/components/common/Input.svelte index 03759a1ef2..49f3c356de 100644 --- a/packages/builder/src/components/common/Input.svelte +++ b/packages/builder/src/components/common/Input.svelte @@ -11,11 +11,10 @@ let centerPlaceholder = textAlign === "center" let style = buildStyle({ width, textAlign }) - + function handleChange(val) { value = val - let _value = suffix ? value + suffix : value - onChange(_value) + onChange(value) } $: displayValue = suffix && value.endsWith(suffix) ? value.replace(new RegExp(`${suffix}$`), "") : value diff --git a/packages/builder/src/components/common/Inputs/InputGroup.svelte b/packages/builder/src/components/common/Inputs/InputGroup.svelte index d0b1465762..886d1def6f 100644 --- a/packages/builder/src/components/common/Inputs/InputGroup.svelte +++ b/packages/builder/src/components/common/Inputs/InputGroup.svelte @@ -30,7 +30,7 @@ textAlign="center" placeholder={m.placeholder || ''} value={!displayValues || displayValues[i] === '0' ? '' : displayValues[i]} - on:change={e => handleChange(e.target.value || 0, i)} /> + onChange={value => handleChange(value || 0, i)} /> {/each} diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js index 615d0d6325..be9d874dea 100644 --- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js +++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js @@ -236,27 +236,27 @@ export default { label: "Heading", key: "heading", control: Input, - placeholder: "text", + placeholder: "text", }, { label: "Subheading", key: "subheading", control: Input, - placeholder: "text", + placeholder: "text", }, { label: "Content", key: "content", control: Input, - placeholder: "text" + placeholder: "text", }, { label: "Image", key: "imageUrl", control: Input, - placeholder: "src" + placeholder: "src", }, - ] + ], }, }, {