Grapesjs: [BUG] Specifying background-size in background's properties breaks grapesjs

Created on 21 Mar 2019 · 3Comments · Source: artf/grapesjs

Using latest versions of grapesjs (0.14.55) and grapesjs-preset-webpage (0.1.10), I have configured my editor as such:

import grapesjs from 'grapesjs';
import grapesJsPresetWebpage from 'grapesjs-preset-webpage';

grapesjs.init({
    // ...
    plugins: [grapesJsPresetWebpage],
    pluginsOpts: {
      [grapesJsPresetWebpage]: {
        customStyleManager: [
          {
            id: 'deco',
            name: 'Decorations',
            open: false,
            buildProps: ['background'],
            properties: [
              {
                name: 'Background',
                property: 'background',
                properties: [{
                    name: 'Background size',
                    property: 'background-size'
                  }
                ]
              }
            ]
          }
        ]
      }
    }
  });

The library crashes with a "TypeError: values[0] is undefined" error, as referenced in this issue.

If I add all the other properties in the array, such as:

{
  property: 'background',
  properties: [
    { name: 'Image', property: 'background-image'},
    { name: 'Repeat', property:   'background-repeat'},
    { name: 'Position', property: 'background-position'},
    { name: 'Attachment', property: 'background-attachment'},
    { name: 'Size', property: 'background-size'}
  ],
}

the error disappears, but I don't need all of those properties...

bug outdated

Source