Style sections are duplicated

@artf in my case the problem was that i was loading the module using node not directly in html. In the end I found and answer:

import gjsPresetWebpage from "grapesjs-preset-webpage";
bla, bla, bla...
GrapesJS.init({
...
plugins: [gjsPresetWebpage],
pluginsOpts: {
    [gjsPresetWebpage]: {
        customStyleManager: [{
            name: 'General2',
            open: false,
            buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom']
        }]
    }
})

Hi Levan, please try to follow the template from the preset page https://github.com/artf/grapesjs/blob/gh-pages/demo.html

@artf in my case the problem was that i was loading the module using node not directly in html. In the end I found and answer:

import gjsPresetWebpage from "grapesjs-preset-webpage";
bla, bla, bla...
GrapesJS.init({
...
plugins: [gjsPresetWebpage],
pluginsOpts: {
    [gjsPresetWebpage]: {
        customStyleManager: [{
            name: 'General2',
            open: false,
            buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom']
        }]
    }
})

I found out if you pass styleManager: { clearProperties: 1 } to GrapesJS also will resovle the problem