StyleManager AppendTo not showing in custom div

I verified it is since v0.17.25

v0.17.22 >>> working v0.17.25 >>> not working

Thanks Paolo, that will be fixed in the next release. The problem is with the default StyleManager opener command, which moves the rendered part, from your container, to the default one. You can verify that by disabling the default button which activates the command (which moves the element once pressed).

editor.Panels.getButton('views', 'open-sm').set('active', false);

So, as a workaround, you should delete it or hide it with CSS

editor.Panels.removeButton('views', 'open-sm');

thankyou for the release. And sorry for reopening :-) but now the StyleManager appendTo is working, while the blockManager appendTo appears to be broken. Same problem with the previous StyleManager. I verified it was working in previous v.0.17.26 but now v.0.17.27 is not showing. 🙏Just tell me if you need a codepen.

Thanks for reporting this, @paooolino.

Great question about StyleManager AppendTo not showing in custom div. The recommended approach with StyleManager 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!