Trait's `setValue()` method not called when value changes

Thank you! I verified and it is working as expected!

From what I can see the Trait.setValue() is not called when the value comes from an input. Instead the setTargetValue() is called which doesn't check if the setValue() method of the trait definition is there. Also, the Trait.setValue() checks for the setValue key in attributes whereas Trait.getValue() gets its custom getter via this.get('getValue') (Trait.ts:303)

I tried following this discussion to get it working but as you can see in the sandbox it just doesn't work.

Thanks for reporting this, @padcom.

Great question about Trait's setValue() method not called when value changes. The recommended approach with GrapesJS is to use the event-driven API.

Start here:

1. Check the GrapesJS documentation for your specific module
2. Look for the on() event listener method
3. Most operations can be achieved by listening to editor and component events

Common patterns:

// Listen for changes
editor.on('change', () => console.log('something changed'));

// Component lifecycle
editor.on('component:mount', (c) => console.log('component ready', c));
editor.on('component:update', (c) => console.log('component updated', c));

If you're still stuck:

• Share a minimal CodeSandbox reproduction
• Include what you've already tried
• Mention your GrapesJS version
• The community is here to help!