Is there any way to remove cross svg on selected default value of Float, Position and text-align

@Spiral1234 there is a big difference between a default value and the defined one (even if it's the same as default). For example on desktop you define float: right and on mobile float: none, you still need the possibility on mobile to remove the none value.

@artf, let me define you one more time. My question is that if I click on the default value of any module like for float I select none then cross svg should be display: none same as I want for others position, text-align

if someone will select default value then above cross svg which is coming for reset should be display: none

I put a screenshot in which I mentioned cross svg for reset that should be display: none on the selected default value. Thanks

@Spiral1234 it shouldn't be display: none if you SELECT the default value, try to read carefully again the use case explained above, having the default value and selected one is DIFFERENT.

Thanks for reporting this, @abubaker417.

Great question about is there any way to remove cross svg on selected default value of Float, Position and text-align. 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!